名稱內容
margin（外邊距）
清除邊框border外的區域，外邊距是透明的
border(邊框)
圍繞在padding和content外的邊框，可有顏色
padding(內邊距)
清除content周圍的區域，透明
content（內容）
盒子的內容，顯示文字和影象
名稱解釋
p:first-of-type
選擇屬於其父元素的首個元素的每個元素
p:last-of-type
選擇屬於其父元素的最後乙個元素的每個元素
p:only-of-type
選擇屬於其父元素唯一的元素的每個元素
p:only-child
選擇屬於其父元素的唯一子元素的每個元素
p:nth-child(2)
選擇屬於其父元素的第二個子元素的每個元素
:after
在元素之前新增內容，也可以用來做清除浮動
:before
在元素之後新增內容
:enabled
用在input上
:checked
單選框或者核取方塊被選中
名稱解釋
absolute
生成絕對定位的元素，相對於值不為static的第乙個父元素進行定位
relative
生成相對定位的元素，相對於其正常位置進行定位
fixed
生成絕對定位的元素，相對於瀏覽器視窗進行定位
static
沒有定位，元素出現在正常的流中，忽略top bottom left right z-index宣告
inherit
規定從父元素繼承posiiton屬性的值
小張和彈性布局
正方形設定垂直方向的padding撐開容器（padding可以用百分比，百分比是根據它父級元素的width來確定的，如果不寫height，如果正方形內有文字會溢位，溢位的高度正好就是文字的高度）
="square"
>
<
/div>
.square
<
/style>
原理：
.tri.cirCSS的一些基礎知識
在屬性後面使用 important 會覆蓋頁面內任何位置定義的元素樣式。作為style屬性寫在元素內的樣式 id選擇器 類選擇器 標籤選擇器 萬用字元選擇器 瀏覽器自定義或繼承 同一級別 同一級別中後寫的會覆蓋先寫的樣式 規則是多個級別的組合，把選擇器中規則對應做加法，比較權值，如果權值相同那就後面...
一些常用的 CSS 技巧和知識點
作為一名前端工程師，css 是必備技能之一，然而在日常開發中，總有那麼些時候，面對著炫酷的效果圖，腦子裡的 css 屬性卻一片空白，於是只能借助搜尋引擎，在一堆複雜的介紹中找到需要的內容複製貼上。有沒有乙個地方，沒有一大堆介紹 我可能只是忘了怎麼拼寫 能讓我直接複製貼上呢？於是 css tricks...
HTML與CSS的一些知識（四）
續 line height 用於設定一行文字行高，一般用於文字的垂直居中 display 用於設定元素的顯示方式 float 浮動，讓元素漂浮起來排列 浮動的影響 a.浮動後，行內元素可以支援寬高 b.文字會讓位，繞排 c.不能撐起父級高度，父級若沒設高度，就沒有高度 清除浮動影響 a.給父級內容最...