css筆記總結1
阿新 • • 發佈:2018-08-11
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