原创 CSS之爲網頁添加樣式
文章目錄爲網頁添加樣式術語解釋選擇器聲明塊CSS代碼書寫位置 爲網頁添加樣式 術語解釋 h1{ color: #ff0000; background-color: black; t
2020-06-16 11:01:35
原创 HTML之元素包含關係
文章目錄元素包含關係 元素包含關係 以前：塊級元素可以包含行級元素，行級元素不可以包含塊級元素，a元素除外。 元素的包含關係由元素的內容類別決定。 例如：查看h1元素中是否可以包含p元素 總結： 容器元素中可以包含任何元素 a元
2020-06-16 11:01:35
原创 CSS之層疊
文章目錄層疊1. 比較重要性2. 比較特殊性3. 比較源次序應用 層疊 聲明衝突：同一個樣式，多次應用到同一個元素 層疊：解決聲明衝突的過程，瀏覽器自動處理（權重計算） 1. 比較重要性 重要性從高到底： 作者樣式表： 開發者書
2020-06-16 11:01:35
原创 HTML之容器元素
文章目錄容器元素div元素語義化容器元素 容器元素 容器元素：改元素代表一個塊區域，內部用於放置其它元素 div元素 沒有語義 語義化容器元素 header： 通常用於表示頁頭，也可以用於表示文章的頭部 footer： 通常用於表
2020-06-16 11:01:35
原创 使用選擇器繼承來精簡CSS
文章目錄使用選擇器繼承來精簡CSS6-1. 何時使用繼承6-2. 繼承的高級用法6-3. 繼承的工作細節6-4. 使用繼承的最佳實踐 使用選擇器繼承來精簡CSS 選擇器繼承是說一個選擇器可以繼承爲另一個選擇器定義的所有樣式，通過
2020-06-16 11:01:35
原创 SCSS之靜默註釋
文章目錄靜默註釋 靜默註釋 sass註釋格式//…的註釋語法，即靜默註釋。其內容不會出現在生成的css文件中。 main { color/* 這種註釋內容會出現在生成的css文件中 */: #f00; // 這種註釋內容不
2020-06-16 11:01:35
原创 jQuery之位置座標圖形相關方法(offset\offset\position\scrollTop\scrollLeft\width\height\innerWidth\outerWidth)
文章目錄offset取值、offset設值positionscrollTop、scrollLeftwidth、height、innerWidth、innerHeight、outerWidth、outerHeight offset取
2020-06-16 11:01:35
原创 HTML之列表元素
文章目錄列表元素有序列表無序列表定義列表 列表元素 有序列表 <h1>把大象裝進冰箱，總共分幾步？</h1> <ol type="i"> <li>打開冰箱</li> <li>大象進去</li>
2020-05-25 09:20:32
原创 HTML之多媒體元素
文章目錄多媒體元素videoaudio兼容性 多媒體元素 video 視頻 audio 音頻 video controls: 控制控件的顯示，取值只能爲controls 某些屬性，只有兩種狀態：1. 不寫 2. 取值爲屬性名，這種
2020-05-25 09:20:32
原创 HTML之圖片元素
文章目錄圖片元素img元素和a元素聯用和map元素和figure元素 圖片元素 img元素 image縮寫，空元素 src屬性： source alt屬性：當圖片資源失效時，將使用該屬性的文字替代圖片 和a元素聯用 <a hre
2020-05-21 19:15:03
原创 HTML之路徑的寫法
文章目錄路徑的寫法站內資源和站外資源絕對路徑和相對路徑 路徑的寫法 站內資源和站外資源 站內資源：當前網站的資源 站外資源：非當前網站的資源 絕對路徑和相對路徑 站外資源：絕對路徑 站內資源：相對路徑 絕對路徑 絕對路徑的書寫
2020-05-21 19:15:03
原创 HTML之a元素
文章目錄a元素href屬性target屬性 a元素 超鏈接 href屬性 hyper reference： 通常表示跳轉地址 跳轉地址 跳轉某個錨點 <!-- 目錄 --> <a href="#chapter1">
2020-05-20 03:09:17
原创 HTML之語義化
文章目錄語義化什麼是語義化爲什麼需要語義化？ 語義化 什麼是語義化 每一個HTML元素都有具體的含義 a元素：超鏈接 p元素：段落 h1元素：一級標題 所有元素與展示效果無關 元素展示到頁面中的效果，應該由css決定。 瀏
2020-05-18 06:56:23
原创 網頁基本：組成與解釋
文章目錄第一個網頁註釋元素元素的嵌套標準的文檔結構 第一個網頁 Emment插件： 自動生成HTML代碼片段 註釋 註釋爲代碼的閱讀者提供幫助，註釋不參與運行 在HTML中，註釋使用如下格式書寫： <!-- 註釋 --> 元素
2020-05-18 06:56:23
原创 HTML之文本元素
文章目錄文本元素hpspan [無語義]pre 文本元素 HTML5中支持的元素：HTML5元素週期表 h 標題： header h1~h6： 表示1級標題~6級標題 p 段落：paragraphs lorem：亂數假文，沒有任
2020-05-18 06:56:23