css樣式表的特徵
css基礎選擇器
複雜的選擇器
尺寸屬性
邊框陰影
以統一的方式實現樣式的定義
提高頁面樣式的可重用性和可維護性實現了內容（html）和表示（css）的分離
屬性解釋
color
字型顏色
font-size
字型大小
font-family
字型樣式
font-weight
字型的粗細 normal 普通 lighter 細 bold 寬
font-style
字型的形狀 inherit斜體
line-height
行高text-align
水平位置
letter-spacing
字元間距
text-decoration
字型的劃線 overline 上 line-through 中 underline 下
width
寬度height
高度內聯樣式
將樣式宣告在元素的style屬性中
樣式宣告 表示乙個具體的顯示效果，可以多個同時存在的，多個樣式之間用 ； 進行隔開
每個樣式宣告都有兩部分組成：
color： 樣式屬性
red ： 屬性值
你好
描述繼承性
子級標籤可以直接使用父級元素宣告好的樣式 （大部分的css樣式可以被繼承）
層疊性可以同時寫多個樣式
優先順序低： 瀏覽器的預設值 中： 就近原則 高： 內聯樣式
！improtant規則
強制調整優先順序，打破了優先順序規則
作用： 規範了頁面中哪些元素能夠使用定義好的樣式
目的： 匹配頁面元素（找到頁面的元素）
選擇器作用
用法通用選擇器
匹配頁面中的所有元素
*標籤選擇器
匹配當前所有這一類的標籤
p{}類選擇器
匹配被標記的class屬性元素
.類名id選擇器
匹配被標記的id屬性元素
#id名
優先順序：id>class>p（標籤）> *（萬用字元）
選擇器權值
標籤選擇器
0,0,0,1
類選擇器
0,0,1,0
id選擇器
0,1,0,0
內聯樣式
1,0,0,0
選擇器的權值加到一起，大的優先；如果權值相同，就近原則。
選擇器說明
群組選擇器
選擇器宣告式以 『 , 』 分割 的選擇器列表
後代選擇器
具備層級關係的元素，使用空格 隔開
子代選擇器
只具備一級層級的關係的元素 ， 使用 > 隔開
作用：使用者設定元素的寬度和高度 單位為：px， 百分比
屬性值說明width
寬度height
高度max-width
最大寬度
min-height
最大高度
允許被修改高度和寬度的元素
1.塊級元素
2.行內塊大部分允許被設定寬高的 例如 表單控制項 單選和複選 是不能修改尺寸
3.存在width和height屬性的元素 可以設定寬高的樣式 img table
溢位 overflow
使用尺寸屬性限制元素大小的時候，如果內容所需要的空間太小大於元素本身，會導致溢位效果
屬性：overflow 溢位
屬性值說明
hidden 隱藏
隱藏 溢位的時候隱藏
scroll 滾動
當元素溢位的時候會出現滾動條 溢位時滾動條可用
auto 自動
內容溢位的時候會出現但是沒有溢位的時候不出現
邊框陰影：box-shadow
屬性：h-shadow ：水平位置
v-shadow ：垂直位置
blur ：模糊距離
spread ：陰影尺寸
color ：顏色
inset ：將**影變成內陰影
css樣式表分類 ，選擇器，尺寸屬性，邊框陰影
css 指層疊樣式表 cascading style sheets 1 以統一的方式實現樣式的定義 2 提高頁面樣式的可重用性和可維護性 3 實現了內容 html 和表示 css 的分離 html和css之間有什麼關係？html 構建網頁的結構 css 構建html元素的樣式樣式表又分為 外部樣式表...
css樣式表 樣式表分類 選擇器
一 樣式表分三類 1.內聯樣式表。放在元素的開始標記中。只對當前元素起作用。例 結果 2.內嵌樣式表。放在頁面的中間。可以對整個頁面。你好 執行結果 3.外部樣式表。放在乙個單獨的.css樣式表檔案中。可以對整個 操作 新建乙個css檔案，用來存放樣式表 在html中呼叫樣式表，要在html中右鍵 ...
CSS樣式表與選擇器
html解題思路 1 先大致寫出html框架，即定義內容部分。2 然後根據需要寫對應的css樣式，即定義表現部分。3 根據需要可將css檔案定義在外部，用鏈結樣式表或匯入樣式表將外部css檔案引入到當前頁面，實現了表現與內容的分離。css樣式選擇器分類 1 標籤選擇器。2 類選擇器。3 id選擇器。...