1头滔、CSS設(shè)置標(biāo)簽?zāi)J絛isplay屬性
行內(nèi)標(biāo)簽:<strong> <b > <em> <i> <del> <s> <u> <a> <span>
塊標(biāo)簽:<div> <li> <p> <ul> <ol> <dl>
(1)display可以控制標(biāo)簽的顯示模式
display:none | inline 行內(nèi)塊 | block塊級(jí) | inline-block
div { display: inline;} 塊級(jí)標(biāo)簽變成行內(nèi)模式
strong { display: block;} 行內(nèi)塊標(biāo)簽變成行塊級(jí)模式
2疚俱、display設(shè)置none
strong { display:none;} ? ? /*把strong標(biāo)簽隱藏侥啤,整個(gè)標(biāo)簽在頁(yè)面中移除*/
對(duì)比:
visibility:hidden 沾谓; ? 這個(gè)只是不顯示,還占用空間
display:none荚坞; 直接從頁(yè)面中移除,不占用空間菲盾,不影響頁(yè)面布局
3颓影、display行內(nèi)塊及塊級(jí)行內(nèi)的區(qū)別
display:inline-block 按行內(nèi)標(biāo)簽進(jìn)行排版,但是可以設(shè)置寬高
? ? ? ? ? ? ? ? ? ? ?寬高 ? ? ?邊距 ? ? ? 獨(dú)占行
行內(nèi)元素: ? × ? ? ?左右 ? ? ? ? ? 不獨(dú)占
塊級(jí)元素: ? √ ? ?上下左右 ? ? ?獨(dú)占
行內(nèi)塊元素:√ ? 左右 ? ? ? ? ? ? 不獨(dú)占
行內(nèi)元素不能設(shè)置寬高懒鉴,只能通過(guò)他的內(nèi)容來(lái)?yè)伍_(kāi)他的寬高诡挂,如果設(shè)置了寬高是不會(huì)影響行內(nèi)元素的顯示的。
4临谱、css的顏色表示
(1)RGB顏色表示法
color:rgb(3,99,178)璃俗;
(2)十六進(jìn)制顏色值
color:#03999B2
5、css長(zhǎng)度單位表示
(1)絕對(duì)長(zhǎng)度單位 cm厘米 ?mm毫米 ?in英寸
(2)相對(duì)長(zhǎng)度單位 px像素 em 1em等于當(dāng)前的字體大小
1in=2.54cm=25.4mm==96px