學習HTML(八)style屬性相關樣式

2021-08-10 17:05:36 字數 1046 閱讀 6827

前幾篇文章中,不論是新增列表,還是新增標題或者段落,其中的字型,包括大小、顏色等屬性都是沒有設定的。

為了提高文字的可讀性,使文字看起來五光十色、色彩繽紛。可以設定文字的style屬性。

1)style屬性可以設定字型樣式(font-family:***)、字型大小(font-size:***)、文字的顏色(color:***)等內容。它可以在

每個不同的標籤中設定,也可以放置到css樣式表中進行設定。因為我的文章都是跟隨著

來寫的,目前還沒有介紹到css,所以在這裡暫時先不涉及css,僅僅是在標籤中進行設定,下面是示例**和示意圖:

你好!!!!

注意:

a)我用的瀏覽器是chrome,在其中編輯並顯示時總是發現設定的10px字型沒有應用,通過查詢chrome設定,發現

是在chrome中設定的最小字型是12px,所以10px字型大小沒有用,把chrome瀏覽器的最小字型改小就好了。

b)style屬性中的賦值方式是:屬性名稱:值,而不是習慣的等號=,如果用等號,則style效果不會被執行。

2)style樣式中也可以設定背景顏色,style中包含屬性background-color,設定它的顏色值就可以使整個標籤範圍內的背景顏色變

為background-color指定的顏色。下面是示例**和示意圖:

你好!!!!

3)文字對齊

有些標籤屬性中有align屬性,可以設定文字對齊方式,在style中也可以設定類似的屬性。這個屬性值就是text-align。它的

取值包括left、center和right。下面是示例**和示意圖:

你好!!!!

CSS用HTML中的style屬性替換

廢話不多說上 1 用css給文字新增背景色 html head style type text css body h1 h2 p p.no2 style head body h1 這是標題 1 h1 h2 這是標題 2 h2 p 這是段落 p p class no2 這個段落設定了內邊距。p bod...

html5 邊框屬性相關知識點

border left 定義左邊框 border top 定義上邊框 border right 定義有邊框 border bottom 定義下邊框 dotted 邊框線為點狀虛線 dashed 邊框線為虛線 solid 邊框線為實線 border left top right bottom widt...

HTML學習 font屬性

font color 顏色 十六進製制 ff1122 可簡寫為 f12 rgb 255,255,255 中間是逗號 rgba 255,255,255,1 最後的1為透明度 font size xxpx xx 父元素的百分比 smaller 比父元素小 larger 比父元素大 inherit 繼承父...