層疊樣式表，用來美化頁面的，將表現與樣式相分離，減少**寫作，提高瀏覽器載入速度。
*{}萬用字元選擇器（所有標籤）
h1{}選擇器
#font{}id選擇器 選擇id屬性 是唯一的
.font{}類選擇器 選擇class屬性 可以重複``
color字型顏色
單詞：red
十六進製制值：#0f0f0f
色階值：rgb() 0-255
rgb(0,0,0)黑色 rgb(255,255,255)白色
font-size字型大小
單位：畫素或百分比， 頁面預設：12-16px
font-weight字型加粗
100-900頁面預設400
font-style設定斜體
normal 預設
itatic 傾斜
font-family字型樣式
font-family：「宋體」，anal預設字型是宋體
word-spacing單詞間距
單位：畫素px或百分比%
letter-spacing字型間距
單位：畫素或百分比%
line-height行高
單位：畫素或百分比%
text-algin水平對齊
left左
right右
center中
vertical-algin垂直對齊
top上
buttom下
middle中
1.文字修飾
text-decoration文字修飾
none無線體
underline下劃線
line-throught刪除線
overline上劃線
2.尺寸
width寬高
height高度
3.邊框
border-width邊框粗細 單位：畫素px或百分比
border-color 邊框顏色
border-style 邊距樣式：none無邊距 solid實線 double雙邊線 dotted點線 dashed虛線
簡寫：border：1px solid red
方向：left左 right右 top上 bottom下
4.邊距
magin外邊距 單位：px或百分比
padding內邊距 單位：px或百分比
方向：left左 right右 top上 buttom下。
例： margin-left左邊距
寫作順序：
margin：50px 四邊距離
margin：50px 80px 上下 左右
margin：50px 80px 100px 上 左右 下
margin：50px 80px 100px 120px 上 右 下 左
5.盒模型
標準盒模型：填充(寬高)+內邊距+外邊距+邊框
ie盒模型(ie低版本)：填充(寬高)+內邊距+邊框
讓塊級元素水平居中：margin：0 auto；
去掉標籤自帶的間距值:
*
css 基礎筆記
css 樣式的兩種引用方式 1.body h1,h22.attention用粗體顯示所有class屬性為 attention 的標記。3.聯合使用 p.attention 表示在p中有class attention 屬性時除了用粗體顯示以外，還應該用紅色顯示。4.除了class以外還用應用在指定id...
CSS 基礎筆記
css cascading style sheets 層疊樣式表 主要是用於定義html內容在瀏覽器內的顯示樣式，如文字大小 顏色 字型加粗等。示例 頂過枯燥無味的學習！css樣式 內聯式 直接把css 寫在html標籤裡 超酷的網際網路 嵌入式 把css 寫在標籤之間。外部式 外聯式 把css 寫...
CSS基礎筆記
1 常見css屬性1.1.background color 設定元素背景顏色 1.2.border 設定圍繞元素的邊框 1.3.color 設定元素的前置顏色 1.4.font size 設定元素文字的字型大小 1.5.height 設定元素的高度 1.6.padding 設定元素與邊框的間距 1....