原创 音樂播放器 ---------雀雀老師

網頁的三大結構   html   css  js  html 是搭建網頁結構的骨架 css  是 給骨架增加 血肉, 修飾外表.打扮.   css 和 HTML 本質上是沒有關聯的. 如果css 要控制標籤,就要用到各種選擇器. <di

原创 學習思路的調整

從4月8號到4.15號一週的時間,跟着直播課在學習 有幾點感觸;  1 晚上兩個小時的課程,感覺滿滿的. 第一個小時,還可以 .到第二個小時,都感覺很睏倦了從早上七點起牀,到晚上七點下班.白天沒有補眠.晚上再來兩個小時的高度集中精力..加

原创 定位----朱雀老師

關於元素的排列 文檔流   : 從上到上. 從左到右 脫離文檔流 :  浮了一層 浮動  是飄起來後 ,還是橫排顯示,不能做到 飄起來飄在另一個元素的上空/ 如需要達到這個效果,就需要定位 三種定位 絕對 ,相對, 固定定位 定位需要兩

原创 開班典禮----雀雀老師

前端是能夠與用戶直接接觸,與用戶產生交互,傳遞信息,等能夠看到. 前端 與  後端. 前端 + 服務器+  後端. 淘寶 ,京東,等電商網站是存在於瀏覽器上的. 便於更新.不用客戶更新,下載操作. 對用戶的要求不高,用戶完全不用操作.

原创 作業分析----潭州課堂

圖片可以是一個背景圖片,也可以是個圖片標籤 沒有學過定位,所以用背景圖片. 裏面有一個a 標籤. 也給它一個 圓角屬性 或者,給它一個 溢出隱藏 寫出 a  標籤後,  讓它消失 讓它滑入後出來----滑入誰?   滑入一個已經

原创 阿里圖標和媒體查詢

      還有name 屬性 在空白頁面打開新的網頁.的設置 媒體查詢 其他的幾種關係的關鍵詞 起飛頁 阿里圖標 想用阿里圖標 百度一下 這些圖標全是免費的. 註冊一個 新浪微博 進入.  (三種進

原创 浮動 僞元素 圓角屬性---朱雀老師

示例: 用 inline-block  做,會出現2個問題: 空格.和基線問題 今後, 我們使用 浮動 來實現橫排顯示 來個案例:   添加浮動後: 現在,使用float 主要是爲了 使 塊元素 橫排顯示. 沒有了inline

原创 Javascript 的詞法結構

在寫js 代碼的時候,一定要注意大小寫.是有嚴格區分的.不能亂寫.   關於註釋 註釋的內容是不會被計算機執行的,是給開發人員看的. 標識符和關鍵字 小駝峯命名法: 學習筆記,僅供複習.

原创 視頻基礎----視頻的標籤屬性

代碼顯示如下:

原创 視頻屬性設置

    當瀏覽器不支持VIDEO時候,自動顯示 告知文字.如果支持的時候默認忽略. 設置控制按鈕的功能和屬性. 未完.

原创 頁面引入JS的四種方式

最常用的是前面的三種. 行內引入:     內部引入: 需要一個標籤<script></script>引入js 注意事項:   外部引入: 創建一個獨立的外部 js 文件,   用 <script></> 標籤引入. 使用他

原创 彈性盒模型

三個盒子 各佔一行 彈性盒模型後 橫排顯示 彈性盒模型裏面子元素的 對齊方式 內容填滿後不會自動換行.需要用一個屬性來實現換行      

原创 3D 旋轉立方體的完整代碼

    這個效果的代碼如下:   <!doctype html>   <html>   <head>   <meta charset='UTF-8'>   <title>我的首頁</title>   <style>   *{   mar

原创 動畫過渡與變換---海文老師

出現了黃色的感嘆號,表示瀏覽器不能解析語句. 比,background : 更精準. 計算機不會多次計算. 過渡屬性: transition transition也是一個複合屬性 過渡顏色 只能檢測數字/數值到數值的變

原创 京東輪播圖--作業分析

              再次隱藏. 第二個圖 細節再聽視頻吧.內容還是很需要細細設置的. 用js  來實現 點擊切換圖 思路是改變定位的位置 ()此處需要一張圖) 一個同學的