CSS常見(jiàn)屬性(上)
- 塊級(jí)元素行內(nèi)元素
- 塊級(jí)可以包含塊級(jí)和行內(nèi)元素,行內(nèi)只能包含文本和行內(nèi)元素
- 塊級(jí)元素占據(jù)一整行的空間,行內(nèi)元素占據(jù)自身寬度空間
- 寬高設(shè)置、內(nèi)外邊距
- 塊級(jí)元素:div hi p hr form ul pre table li dd dt tr td th
- 行內(nèi)元素:em strong span a br img button label input salect code script
- 寬高
- 只對(duì)塊級(jí)元素設(shè)置生效,對(duì)行內(nèi)元素?zé)o效
- 邊框
- 寬度,顏色,style
- 使用邊框做三角形
- 邊距
- margin:代表外邊距,有著四個(gè)方向的值,可以合寫(xiě),值可以是數(shù)值也可以是百分比(父容器,不是自身),可以是負(fù)值;對(duì)于行內(nèi)元素,只對(duì)左右margin生效
- border
- padding:代表內(nèi)邊距,有著四個(gè)方向的值,可以合寫(xiě),值可以是數(shù)值也可以是百分比(相對(duì)于父容器、不是自身)
- 塊級(jí)元素居中:margin: 0 auto
- *{}:代表頁(yè)面上的所有元素
CSS常見(jiàn)屬性(中)
- display:
- 塊級(jí):block,list-item, table
- 行內(nèi):inline, inline-table, inline-block
- font:
- font-size:字體大小
- font-family:字體,宋體,微軟雅黑,arial等,字體優(yōu)先級(jí);使用瀏覽器打開(kāi)頁(yè)面時(shí),瀏覽器會(huì)讀取HTML文件進(jìn)行解析渲染。當(dāng)讀到文字是會(huì)轉(zhuǎn)換成對(duì)應(yīng)的unicode碼。再根據(jù)HTML理設(shè)置的font-family去查找電腦里對(duì)應(yīng)的字體文件;保險(xiǎn)起見(jiàn)將字體名稱(chēng)用unicode來(lái)表示;escape(‘黑體’)
- font-weight:文字粗度,常用的就是默認(rèn)值regular和粗體bold
- line-height:行高,可以用百分比、倍數(shù)
- chrome最小默認(rèn)字體是16px
- 文本
- text-align:justify-兩端對(duì)齊但是對(duì)最后一行不生效
- text-indent:
- text-decoration
- color:
- text-transform:
- word-spacing:
- letter-spacing:
- 行內(nèi)元素居中:center
- overflow:hidden;text-overflow:ellipsis
- 顏色:?jiǎn)卧~;十六進(jìn)制;rgb;rgba
- 單位:px;百分比;em(相對(duì)單位,相對(duì)于父元素字體大?。籸em(相對(duì)單位,相較于跟元素字體大小);
- 其他
- a鏈接設(shè)置顏色:a有默認(rèn)顏色和樣式,會(huì)覆蓋繼承的樣式;需要單獨(dú)定位到a
- 列表去掉點(diǎn):list-style: none;
- 隱藏or透明:
- opacity:0;整體
- visibility:消失;位置還在
- display:none,消失,不占位置
- background-color:(0,0,0,0.2)