理解css的關鍵在於能夠設想每個html元素的周圍都有乙個看不見的盒子。
引用外部css檔案：link標籤，這是乙個空元素，也就是不需要結束標籤，它位於head元素中。
href:該特性表明css的路徑檔案
type:表明引用檔案的型別：text/css
rel:stylesheet.表明css檔案和html檔案的關係，這裡是stylesheet.如:
為什麼使用外部樣式表：
原因二：將內容和控制內容如何顯示分離開是乙個很好的思想
如果在html裡面則使用style標籤
如：也有的舊**會把style放入標籤裡面，這樣的話樣式會應用在這個元素中，在現在的**中應當盡量避免如：
選擇器型別：
一.通用選擇器：*{}
二.型別選擇器：h1,h2,h3{}
三.類選擇器：.note{},匹配元素中class型別的值
四.id選擇器：#introduction{}
五.子元素選擇器：li>a{},匹配指定元素的直接子元素
六.後代選擇器：p a{}應用於元素中的元素，不論他們之間有沒有巢狀其他元素
七.相鄰兄弟選擇器：h1+p{}應用於h1元素相鄰的第乙個p元素，對其他p元素不適用
八.普通兄弟選擇器：h1~p{}應用於h1元素的兄弟元素p，但不論它是不是和h1相鄰
優先順序：
兩個選擇器完全相同，後出現的選擇器優先順序高
如果乙個選擇器比上乙個更加具體，則具體的優先順序更高
特殊指定：!important來強調這條規則比其他的優先順序高
如：p b
繼承：大部分屬性會預設繼承他的父元素
以下的都是可以被繼承的，除了這些之外，其他的都不可被繼承：特殊設定：line-height，text-align, text-indent, text-transform,word-spacing
list-style-image, list-style-position,list-style-type, list-style
還有乙個屬性比較重要，color屬性。
設定為inherit來強制大多數元素從它的父元素中繼承
body:
css3中使用hsl或者hsla指定顏色
body
p
屬性值：
一.色調：介於0～360度之間
二.飽和度：通過百分數表示，它表示灰色的含量
三.明度：百分數，0%表示黑色，100%表示白色，50%表示標準色
hsla增加了乙個alpha值，即透明度
css個人總結
ccs cascading style sheet 層疊樣式表 主要作用 介面布局 和 美化介面 1.2.1 選擇器 高階選擇器 優先順序 多級依次比較 1.2.2 使用方式 1.2.3 路徑字型屬性 font 文字屬性 text 盒子模型 6大屬性 border 邊框 padding 內邊距 特殊...
個人CSS開發總結
modules 總結前端三劍客裡，無疑css和html的重視程度遠低於js，一方面是因為js是開發中的核心，js水平的高低往往決定了天花板的高度。另一方面css比較簡單，做出符合產品需求的樣式並不難，而且前端領域不缺輪子，搬搬 也是極好的 筆者也屬於其中 但大部分都誤解的是，css雖然好掌握，但也同...
CSS一些小總結 個人向
這篇文章總結的是自己覺得必須記住的一些css小知識和css小技巧等。1.字型加粗 其實我們用css的font weight為字型加粗已經很常見了，但是還是有一些我們在用時就很迷惑但卻沒去搞懂的知識點 注意 使用b元素，實際情況下使用字型的一種加粗變形來顯示b元素的字型。因此，如果使用times字型顯...