1映琳、display屬性樣式
塊級標簽(<h1>-<h6>,<p>,<ul>,<ol>,<li>)獨占行机隙,行內(nèi)標簽(<strong>,<b>,<i>,<del>,<s>,<ins>,<a><span>)共用行。
可以通過display控制顯示的模式萨西。
display的inline可以讓元素變成行內(nèi)的標簽有鹿。
block可以讓行內(nèi)標簽獨占行。
display屬性值為none時:會把標簽及其所占空間移除谎脯。
對比一下:visibility的屬性職位hidden時葱跋,只是不顯示但是還占用頁面的空間。
2源梭、行內(nèi)元素及塊級元素的區(qū)別總結(jié)
display:none ?直接刪除娱俺,不影響頁面布局
visibility:hidden只是不顯示,但還是占用頁面的空間
? ? ? ? ? ? ? ? ? ? ? ?寬高 ? ?邊距 ? ? ? ? ? 獨占行
行內(nèi)元素: ? ?× ? ? ? 左右邊距 ? ? ?不獨占
塊級元素: ? ? √ ? ? ? 上下左右 ? ? ? ?獨占
行內(nèi)塊元素:? √ ? ? ? 左右 ? ? ? ? ? ? 不獨占
行內(nèi)元素不能設(shè)置寬高废麻,只能通過內(nèi)容撐開寬高荠卷,如果你設(shè)置了寬高是不會影響行內(nèi)元素的顯示的。
3烛愧、css顏色的表示
RGB 顏色表示法R:red ?G:green B:blue ? ?rgb{255,255,255}
十六進制的表示方法:#000000
4油宜、css 的長度單位
相對長度單位:
——px:像素點,像素就是顯示器的一個點怜姿。
——em:1em等于當前的字體大小慎冤,例如:當前元素的字體大小為16px,那么1em=16px沧卢。
單位之間關(guān)系:1in=2.54cm=25.4mm==96px
5粪薛、字體樣式屬性 ?font-family
各種字體之間必須使用英文狀態(tài)下的逗號隔開;
中文字體需要加英文狀態(tài)下的引號搏恤,疑問字體一般不加引號违寿,當需要設(shè)置英文字體時,英文字體名必須位于中文字體名之前熟空。
如果字體名中包括空格藤巢,#,$等符號息罗,則該字體必須加英文狀態(tài)下的單引號或雙引號掂咒,例如font-family:"Times New Roman"。
盡量使用系統(tǒng)默認字體迈喉,保證在任何用戶的瀏覽器中都能正確顯示绍刮。
6、字體系統(tǒng)
襯線體:字體有一些修飾的東西挨摸,讓字體變得美觀孩革。
加粗用font-weight:normal/bold/bolder;或者用400(normal),700(bold)
字體風(fēng)格font-style:italic(字體使用斜體顯示),normal(正常)得运,oblique(即使字體中沒有斜體屬性膝蜈,瀏覽器會讓文字斜體顯示)