標籤的巢狀和css的文字樣式

2022-07-16 10:09:08 字數 1332 閱讀 7115

當位址不顯示時,則顯示alt裡的文字(如圖)

標籤的巢狀,確定父子級關係

1、第乙個子級的margin-top會在待定的情況下穿透父級

規避方法:

1. 給父級加邊框

2.給父級加overflow:hidden;

3.不要用margin-top,用父級的padding-top代替

2、兄弟關係的margin-top和margin-bottom 會疊壓

盒模型

空間大小:

盒子的總寬度:border-left+padding-left+width+padding-right+border-right

盒子的總高度:border-top+padding-top+height+padding-bottom+border-bottom

位置:margin

文字樣式-----文字設定

font-size  文字大小(一般為偶數)

font-family   中文simsun(宋體)  simhei(黑體)  microsoft yahei(微軟雅黑)  stkaiti(華文楷體)

英文arial georgia helvetica sans-serif

color  文字顏色(英文、rgb、十六位進製色彩值)

line-height  行高(具體的數值)

text-align   文字對齊方式(left center right)

text-indent  首行縮排(em縮排字元或者是具體的數值)

font-weight 文字著重 (normal bold bolder 100~900)

font-style   文字傾斜(normal italic oblique)

eg:哇!好美

文字標籤和樣式

em 和 strong 都表示乙個強調的 em標籤用於表示一段內容中的著重點 語氣上的 strong標籤用於表示乙個內容的重要性。這兩個標籤可以單獨使用,也可以一起使用。通常em顯示為斜體,而strong顯示為粗體。i 和 b i標籤會使文字變成斜體。b標籤會使文字變成粗體。這兩個標籤和em和str...

css的文字樣式屬性

text align 指定文字快的對齊方式 start end left right center justify text justify 如果text align屬性使用了justify值,則該值會用來指定對齊文字的規則 white space 指定空白字元的處理方式 normal nowrap...

CSS(三)常見的CSS文字樣式

通常text indent縮排屬性將對段落首行開頭文字文字進行縮排顯示。popcontent desc以上 就是對div進行0.1rem的首行縮排。當然中文字在div或任意盒子中均會自動換行不需要css樣式實現,只有連續的字母或數字會出現不自動換行問題,所以需要css解決。此時需要給div乙個最大的...