1.內(nèi)聯(lián)元素和塊級元素
塊級元素:div,h1,ul,li
獨(dú)占一行,默認(rèn)情況下吗货,其寬度自動填滿其父元素寬度
可以設(shè)置width,height屬性
可以設(shè)置margin和padding屬性
對應(yīng)于display:block
行內(nèi)元素:label,span
相鄰的行內(nèi)元素會排列在同一行里,直到一行排不下,才會換行,其寬度隨元素的內(nèi)容而變化
行內(nèi)元素設(shè)置width骇径,height屬性無效
行內(nèi)元素起邊距作用的只有margin-left、margin-right者春、padding-left破衔、padding-right,其它屬性不會起邊距效果。
對應(yīng)于display:inline;
內(nèi)聯(lián)塊元素:inline-block?
?表現(xiàn)為同行顯示并可修改寬高內(nèi)外邊距等屬性
2.visible
定義了元素是否可見逻锐。與display屬性不同,visibility會為隱藏的元素保留其占據(jù)的物理空間
3.字體換行?
?white-space:中文
normal:默認(rèn)處理方式读第。會將序列的空格合并為一個,內(nèi)部是否換行由換行規(guī)則決定拥刻。
pre:原封不動的保留你輸入時的狀態(tài)怜瞒,空格、換行都會保留般哼,并且當(dāng)文字超出邊界時不換行吴汪。等同 pre 元素效果
nowrap:與normal值一致,不同的是會強(qiáng)制所有文本在同一行內(nèi)顯示蒸眠。
pre-wrap:與pre值一致漾橙,不同的是文字超出邊界時將自動換行。
pre-line:與normal值一致楞卡,但是會保留文本輸入時的換行霜运。
word-break:英文
normal:默認(rèn)的換行規(guī)則脾歇。依據(jù)各自語言的規(guī)則,允許在字間發(fā)生換行觉渴。
keep-all:對于 中文介劫,韓文徽惋,日文文本不允許在字符內(nèi)發(fā)生換行案淋。表現(xiàn)同normal
break-all:比如使連續(xù)的英文字符斷行。
break-word:連續(xù)的英文單詞斷行险绘。這與word-wrap:break-word值效果相同
4.字體樣式
word-spacing:px/rem(計量單位)
letter-spacing:適用于h1,h2元素
首行縮進(jìn):text-intent:rem
vertical-align
baseline:把當(dāng)前盒的基線與父級盒的基線對齊踢京。如果該盒沒有基線,就將底部外邊距的邊界和父級的基線對齊
sub:把當(dāng)前盒的基線降低到合適的位置作為父級盒的下標(biāo)(該值不影響該元素文本的字體大谢鹿住)
super:把當(dāng)前盒的基線提升到合適的位置作為父級盒的上標(biāo)(該值不影響該元素文本的字體大邪昃唷)
text-top:把當(dāng)前盒的top和父級的內(nèi)容區(qū)的top對齊
text-bottom:把當(dāng)前盒的bottom和父級的內(nèi)容區(qū)的bottom對齊
middle:把當(dāng)前盒的垂直中心和父級盒的基線加上父級的半x-height對齊
top:把當(dāng)前盒的top與行盒的top對齊
bottom:把當(dāng)前盒的bottom與行盒的bottom對齊