display: inline; ? ?可以讓元素變成行內(nèi)模式的標(biāo)簽
display: block; ? ?可以讓元素變成塊狀模式的標(biāo)簽
display: none; ? ? 可以讓整個(gè)標(biāo)簽在頁面中移除掉洛二,不影響頁面的布局
對比
visibility: hidden; ? 這個(gè)只是不顯示棱诱,但還占用頁面的空間
display: inline-block; ? 行內(nèi)塊
行內(nèi)元素 ? ? ? ? 不能設(shè)置寬高 ? ? ? 左右邊距 ? ? ? ? ? ?不獨(dú)占行
塊級元素 ? ? ? ? ?可以 ? ? ? ? ? ? ? ? ? ?上下左右 ? ? ? ? ? 獨(dú)占
行內(nèi)快元素 ? ? ? 可以 ? ? ? ? ? ? ? ? ? ?左右 ? ? ? ? ? ? ? ? 不獨(dú)占
行內(nèi)元素不能設(shè)置寬高艘绍,只能通過他的內(nèi)容來撐開他的寬度和高度
css的顏色表示
RGB顏色表示法
p {color: rgb(255,255,0); }
p {color: rgb(100%,100%,0); }
十六進(jìn)制的表示方法
color: #0399B2
css的長度單位
px:像素點(diǎn),像素就是顯示器顯示的一個(gè)點(diǎn)
em:1em等于當(dāng)前的字體大小柠贤,例如:當(dāng)前元素的字體大小為16px,那么1em=1px
css字體樣式屬性
font-size:字號大小
一般頁面中:12px ?14px
font-family:字體樣式
各種字體之間必須使用英文狀態(tài)下逗號隔開
盡量使用系統(tǒng)默認(rèn)字體,保證在任何用戶的瀏覽器中都能正確顯示