1. 程式人生 > >css筆記總結1

css筆記總結1

margin ron 高度 類選擇器 內聯 水平對齊 tro 偽類 就是

1 font 設置字體樣式

font-size/line-height設置字體大小px 字號大小

font-style設置字體風格 斜體

normal:默認值,瀏覽器會顯示標準的字體樣式。

italic:瀏覽器會顯示斜體的字體樣式。

oblique:瀏覽器會顯示傾斜的字體樣式。

font-weight 字體粗細

font-family 設置字體類型比如微軟 normal、bold、bolder、lighter、100~900(100的整數倍)。

2 外觀屬性

color :文本顏色 line-height 行間距

line-height :行間距 (px em % 三種)

text-align:水平對齊(left right center)

text-indent:首行縮進

text-decoration:(none:默認,定義標準文本,underline定義下劃線,overline:文本上的一條線,line-through穿越文本的一條線)

3偽類選擇器 鏈接偽類選擇器 link (未訪問)visited(已訪問) hover(鼠標移動在鏈接上) active (選定的鏈接)

4 塊級元素:<h1-6><p> <div><ul><ol><li>

塊級元素的特點:(block-level) 
(1)總是從新行開始
(2)高度,行高、外邊距以及內邊距都可以控制。
(3)寬度默認是容器的100%
(4)可以容納內聯元素和其他塊元素。
行內元素(inline-level)
<a><strong><b><em><i><del><s><ins><u><span>
(1)和相鄰行內元素在一行上。

(2)高、寬無效,但水平方向的padding和margin可以設置,垂直方向的無效。

(3)默認寬度就是它本身內容的寬度。

(4)行內元素只能容納文本或則其他行內元素。(a特殊 a裏面可以放塊級元素 )
標簽顯示模式轉換display 塊轉行display:inline 行轉塊 display:block


 

css筆記總結1