CSS權威指南學習筆記 1

2021-08-31 20:23:04 字數 679 閱讀 9556

今天開始正式系統的學習一下css,選擇了《css權威指南》作為我的學習教材,今天閱讀了此書的第一章和第二章的一部分。

第一章 主要學習了:

1.塊級元素:它在元素框之前和之後生成了「分隔符」,旁邊不能有其他的元素;常見的塊級元素有:div p

2.行內元素:在乙個文字塊內生成元素框,不會打斷這行文字;

note:1.html中行內元素可以巢狀在塊級元素中,但是反之則不行。2.在css中,通過定義display的屬性值,來控制元素是塊級還是行內元素。

3.如何在html中引入css檔案,有四種方式:

1)通過link標記-link標記必須放在head中

sheet1.css-external style sheet

2)通過style元素包含樣式 -document style sheet

3)通過@import引入- @import必須放在style容器的最頂端,也可以利用此指令在乙個css檔案中引入另乙個css檔案,但是必須將@import放在檔案的頂端。寫道

4)內聯樣式-inline style ,只為單個元素設定樣式,通過html的style屬性來設定乙個內聯樣式。

寫道the most wonderful of all breakfast food

不推薦使用內聯樣式,這樣降低了程式的維護性。

css權威指南學習筆記

替換元素 用來替換元素內容的部分並非有文件內容直接表示。元素也是替換元素,單選鈕,核取方塊,文字輸入框。非替換元素 段落,標題,表單元格,列表。除了替換和非替換元素,css2.1還使用另外兩種基本元素型別 塊級元素和行內元素。塊級元素生成乙個元素框,會填充其父元素的內容區,旁邊不能有其他元素。例 行...

css權威指南學習筆記

2016 08 03 1,繼承 一般大多數框模型屬性都是不能繼承的。如 padding margin border background 都不能繼承。繼承值,完全沒有特殊性。就是優先順序最低 2,縮排 text indent 屬性 段落前空格。應用於塊級元素 3,水平對齊 text align te...

《CSS權威指南》 筆記1 概述

基本術語 元素 element 文件結構的基礎。替換元素 replaced element 用來替換元素內容的部分並非由文件內容直接表示。比如img元素,實際上沒有具體的內容,而是通過src指定的影象作為內容。非替換元素 nonreplaced element 大多數元素為非替換元素,元素的內容由使...