目錄
標籤選擇器
類選擇器
id選擇器
萬用字元選擇器
字型屬性
文字裝飾
文字縮排
行間距內部樣式表
行內樣式表
外部樣式表
標籤選擇器，顧名思義，就是確定是哪個標籤的，p標籤了，div標籤了等等等吧，其特點就是如果你選擇了p標籤，那麼所有的p標籤的樣式都會服從你的定義，同理div等其他標籤也是這樣，來看個例子吧
男生男生
男生女生
女生女生
從上面的標籤選擇器可以看出，每次設定樣式的時候，如果是p標籤，那麼會把所有的p標籤的樣式都改變了，很多時候我們只是希望改某些標籤的樣式，所以就有了類選擇器，也就是我們自定義乙個類選擇器，哪個標籤使用，那麼在該標籤後用class屬性呼叫就可以了，還有乙個class屬性可以呼叫多個類選擇器，注意類選擇器名字前有乙個"."，看看下面的例子吧。
這個id選擇器跟上面的類選擇器很相似，在定義的時候是在名字前加"#"，在呼叫的時候是用id屬性，其特點是，你自定義的樣式只能被呼叫一次，具體看下面的例子吧。
hello world
萬用字元選擇器就比較厲害了，如果你是以*來定義了乙個選擇器，那麼就是所有的樣式都會跟你自定義的一樣了，來看效果吧。
hello
world
字型屬性，也就是設定字型傾斜了，加粗了，大小了還有字形，例如微軟雅黑或者宋體等，看看效果吧。
hello world
上課時候的你
下課時候的你
hello
文字裝飾的話，就是給你寫的文字加個下劃線、刪除線，上劃線或者去掉個下劃線（一般是去掉超連結的下劃線）
hello world
鏈結
文字縮排就比較簡單了，就是我們常見的段落前空格
文字縮排文字縮排文字縮排文字縮排文字縮排文字縮排文字縮排文字縮排文字縮排文字縮排文字縮排文字縮排
文字縮排文字縮排文字縮排文字縮排文字縮排文字縮排文字縮排文字縮排文字縮排文字縮排文字縮排文字縮排
文字縮排文字縮排文字縮排文字縮排文字縮排文字縮排文字縮排文字縮排文字縮排文字縮排文字縮排文字縮排
文字縮排文字縮排文字縮排文字縮排文字縮排文字縮排文字縮排文字縮排文字縮排文字縮排
行間距，就是在一行文字中，字型佔了多大畫素，然後上邊距多大，下邊距多大，例如設定行間距是36畫素，然後字型是16畫素，那麼上下邊距各10畫素具體如下。
中國中國
下圖的藍色是我用滑鼠選中的，只是為了讓你更能直觀的看出上下邊距的大小
說起來內部樣式表，不難想起上面的選擇器，只不過這裡分定義的位置，首先看看什麼樣是內部樣式表吧
hello world
內部樣式表就是定義在html內的，也就是我們上面演示選擇器的時候用的
學過內部樣式表，行內樣式表，是不是能猜出個一二了，行內樣式表就是定義在行內的，難以想象吧，看看例子吧
要想生活過得去，身上必須帶點綠
好了，終於到我們的外部樣式表了，這也是我們開發中最常用的方式，因為我們大部分時候寫的樣式會很多，如果都寫在html中多不方便呀，想看看html**，要往後翻上百行**，當然了，開發中是提倡結構和樣式分離的，也就是你寫你的html我寫我的css，來上例子吧，首先我們寫乙個.css檔案，也就是把我們的樣式先寫好，簡單起見，我就寫了乙個樣式。
/*這裡只有樣式*/
div
要想生活過得去，身上必須帶點綠
CSS基礎詳解3
邊框 1.border屬性配置圍繞元素的邊框。邊框預設設為0，且不顯示。屬性名稱 說明和常用值 border 簡寫方式同時配置元素的border width,border style和border color 不同屬性值以空格分隔 border top 頂部邊框 border width,borde...
CSS3之box shadow基礎詳解
引數值 描述h shadow x軸偏移量 必需。水平陰影的位置。允許負值。v shadow y軸偏移量 必需。垂直陰影的位置。允許負值。blur 陰影模糊半徑 可選。模糊距離。spread 陰影擴充套件半徑 可選。陰影的尺寸。color 陰影顏色 可選。陰影的顏色。請參閱 css 顏色值。inset...
CSS基礎知識總結之浮動詳解
前言 day4主要講述了乙個重點，那就是浮動 其中包含，什麼是浮動？浮動的作用語法及浮動的清除等 1 css的三種布局機制 css 提供了 3 種機制來設定盒子的擺放位置，分別是普通流 標準流 浮動和定位，其中 1 普通流 標準流 常用元素 div hr p h1 h6 ul ol dl form ...