以統一的方式實現樣式的定義
提高頁面樣式的可重用性和可維護性
實現了內容（html）和表示（css）的分離
理解：html和css之間有什麼關係？
html：構建網頁的結構
css ：構建html元素的樣式
樣式彙總
color：red 字型顏色
font-size 字型大小
font-family:字型樣式
background-color 背景顏色
width：寬度
height： 高度
font-weight 字型粗細
1.內聯樣式
將樣式宣告在元素的style屬性中
樣式宣告 表示乙個具體的顯示效果，可以多個同時存在的，多個樣式之間用 ； 進行隔開
每個樣式宣告都有兩部分組成
color： 樣式屬性
red ： 屬性值
2.內部樣式表
1.在head裡面加上乙個 style標籤
2.在style中新增任意多的樣式
選擇器：規範了頁面中哪些元素能夠使用定義好的樣式
3.外部樣式表
建立乙個單獨的樣式表檔案儲存樣式規則 在css資料夾下新建乙個css檔案 並在裡面新增好樣式
在需要使用得頁面上新增 link 標籤 進行引入
4.引入方式的優先順序
就近原則 誰離這個標籤進 最後就是誰的樣式
1、繼承性
子級標籤可以直接使用父級元素宣告好的樣式 （大部分的css樣式是可以被繼承）
2.層疊性
可以同時寫多個樣式
3.優先順序
低： 瀏覽器的預設值
中： 就近原則
高： 內聯樣式
4.！improtant規則
作用： 強制調整優先順序 （一定是最後顯示的）
打破了優先順序規則
作用： 規範了頁面中哪些元素能夠使用定義好的樣式
目的： 匹配頁面元素（找到頁面的元素）
1.通用選擇器
作用：匹配頁面中的所有元素
用法：*{}
2.標籤選擇器
作用：匹配當前所有這一類的標籤
用法 p{}
3.類選擇器
作用：由css定義好，可以被任意標記的class屬性值進行引用的選擇器
語法：1.在標籤內 加上class屬性
2.在樣式表中 .類名{} 進行引入
注意： 類名或者id名 不能以數字開頭
除了 _ -以外不能有其他的特殊字元
4.id選擇器
作用：針對指定id值的元素去定義樣式
語法： 1.在標籤內加上id屬性
2.在樣式表中 使用 #id名{} 進行引入
優先順序： id > class > p（標籤）> *
權值; 標籤選擇器： 0,0,0,1
類選擇器 0,0,1,0
id選擇器 0,1,0,0
內聯樣式 1,0,0,0
選擇器的權值加到一起，大的優先；如果權值相同，後定義的優先
後代： 只要是具備層級關係的元素 ，使用空格 隔開
子代：只具備一級層級的關係的元素 ，使用 > 隔開
1、作用：使用者設定元素的寬度和高度 單位為px 百分比
2.寬度屬性和高度屬性
width height 設定元素的寬高
max-width max-height 最大的寬度 和 最大的高度
min-width min-height 最小的寬度 和 最小的高度
3.允許被修改高度和寬度的元素
1.塊級元素允許被設定寬高
2.行內塊大部分允許被設定寬高的 例如 表單控制項 單選和複選 是不能修改尺寸
3.存在width和height屬性的元素 可以設定寬高的樣式 img table
4.溢位
使用尺寸屬性限制元素大小的時候，如果內容所需要的空間太小大於元素本身，會導致溢位效果
屬性：overflow
visible：預設的效果 溢位可見
hidden： 隱藏 溢位的時候隱藏
scroll 滾動 當元素溢位的時候會出現滾動條 溢位時滾動條可用
auto 自動 內容溢位的時候會出現但是沒有溢位的時候不出現
box-shadow
h-shadow ：水平位置
v-shadow ：垂直位置
blur ：模糊距離
spread ：陰影尺寸
color ：顏色
inset ：將**影變成內陰影
嘻嘻 就分享到這裡啦，下期再見！！！
CSS層疊樣式表
一般說來所有樣式有下面的規則 第四個最有優先性 1 browser default 瀏覽器預設 2 external style sheet 外部樣式表 3 internal style sheet inside the 瀏覽器將從mystyle.css檔案中讀採樣式定義資訊，並根據它來格式化文件 ...
CSS（層疊樣式表）
一.css是增加html的樣式,擁有對網頁物件和模型樣式編輯的能力 1 在html中引入css有3種方式 1.外部樣式表 2.內部樣式表 3.內聯樣式表 2 css選擇元素的方式 1.元素選擇器 通過元素名字進行選擇 2.id選擇器 3.class選擇器 4.子元素選擇器 5.相鄰選擇器 如果需要選...
CSS層疊樣式表
html主要控制內容 css主要控制格式。樣式表是用來指定樣式資訊的句法機制。之所以將css稱為層疊樣式表，是因為它可以在3個層次上進行定義。內聯樣式表位於開始標籤中，其設定只對該元素起作用 文件樣式表位於文件的頭部區域，能夠作用於文件的整個主體。文件樣式表的說明是作為乙個 3.通用選擇器 不管什麼...