css權威指南學習筆記

2022-07-25 12:09:14 字數 1662 閱讀 7468

2016-08-03

1,繼承

一般大多數框模型屬性都是不能繼承的。如:padding 、margin 、border 、background 都不能繼承。

繼承值,完全沒有特殊性。(就是優先順序最低)

2,縮排

text-indent: 屬性 段落前空格。應用於塊級元素

3,水平對齊: text-align   text-align:center 該屬性只對元素中的內容進行位置的控制,標籤不僅控制內容位置,而且控制整個元素位置。

4,垂直對齊:  line-height,可應用於所有元素,可繼承。  vertical-align : 應用於行內元素和表單元格,不可繼承。

注:上標和下標  vertical-align : sub; 下標。   vertical-align : supper; 上標。

5,文字轉換:text-transform:uppercase | lowercase | capitical  |  none  | inherit

2016-08-03

1,合併垂直外邊距

如:

li
乙個ul裡面有多個li 他們之間的距離是15px而不是25px。因為垂直外邊距被合併了,取了較大的值作為外邊距。

看來還是學得不夠仔細,第一次知道border還有double的值。雙線框就是這麼畫的。

2016-08-10

3, 浮動和定位

浮動的詳細內幕:(看得我頭暈)

a,浮動元素的左外邊界不能超過其包含塊的左內邊界,右邊的一樣的道理。(這是肯定的,浮動就是相對于父容器浮動,是不會超出去的)

b,浮動元素的左外邊界必須是源文件之前出現過得浮動元素的右外邊界,除非後面的浮動的頂端在前面的浮動元素的底端下面。右邊同理。(讀起來好拗口,但是比較好理解,畢竟經常做這樣的事,比如三欄布局,左中右,左和中都向作浮動,那麼中間那一塊的左外邊界最左只能到左邊那一塊的右邊界,除非中間那塊移動到下一行。)這樣使得浮動很安全。

c,左浮動元素的右外邊界不會在其右邊右浮動元素的左外邊界的右邊。。右浮動同理(看懂了嗎,沒懂。。。)

d,乙個浮動元素的頂端不能比其父元素的內頂端更高。

e,浮動元素的頂端,不能比之前浮動元素或者塊級元素的頂端更高。(很好理解)

f,。。。(怎麼都那麼拗口,寶寶看不來。。)

嗯,後面的塊級元素記得清除浮動。記得清除浮動,記得清除浮動。

定位:!!絕對定位的垂直布局行為:

對絕對定位的元素使用margin: auto 0; 可以得到元素垂直居中的效果。

表布局    (2016-08-14)

1,border-spacing **邊框距離,display值為table或者inline-table時可用

列表與生成內容(2016-08-19)

1,list-style-position: inside 、outside

2,list-style-image: url()

3,list-style :   li

3,quotes 引用,適用於所有元素、具有繼承性

quot 引用彎引號(201c 201d為彎引號的16進製制unicode值)

非螢幕**(2016-08-20)

css權威指南學習筆記

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

《CSS權威指南》筆記

h1 0,0,0,1 p em 0,0,2 grape 0,0,1,0 p.bright em.dark 0,0,2,2 id123 0,1,0,0 其中 id123 0,1,0,0優先順序最高.複製 定位可以準確的定義元素框相對於其正常位置應該出現在 或者相對于父元素,另乙個元素甚至瀏覽器位置。定...

CSS權威指南學習筆記 1

今天開始正式系統的學習一下css,選擇了 css權威指南 作為我的學習教材,今天閱讀了此書的第一章和第二章的一部分。第一章 主要學習了 1.塊級元素 它在元素框之前和之後生成了 分隔符 旁邊不能有其他的元素 常見的塊級元素有 div p 2.行內元素 在乙個文字塊內生成元素框,不會打斷這行文字 no...