可以用css改變字體的大小和顏色。
1、新建html文件,在body標簽中添加文字,這里以p標簽內容為“演示文本”為例,這時網頁將會顯示字體默認大小和顏色。
2、在head標簽中添加style標簽給頁面設置css樣式,選擇p標簽,字體大小用的是“font-size”屬性,屬性值為字體大小,這里以“30px”為例,這時“演示文本”字體將會變大。
3、選擇p標簽,字體顏色用的是“color”屬性,屬性值為顏色,這里以紅色“red”為例,這時“演示文本”字體將會變成紅色。
第一個屬性:font-family
1、該屬性用于指定文字的字體類型,如宋體、黑體、隸書、楷體、Times New Roman等。
2、具體的語法如下:{font-family:name;} 其中,name是字體的名稱。
第二個屬性:font-size
1、該屬性用來設置文字的大小。
2、具體的語法格式如下:{font-size:數值 | xx-small | x-small | small | medium | large | x-large | xx-large | larger | smaller | lentgth | inherit;} 這些參數代表的意義分別是:像素數值、最小、較小、小、正常、大、較大、最大、相對字體尺寸、相對字體尺寸、百分比、繼承。
第三個屬性:font-style
1、該屬性是用來定義字體的風格,即字體的顯示樣式。
2、具體的語法如下:{font-style: normal | intalic | oblique | inherit;} 其中屬性值分別表示默認值、斜體、傾斜、繼承。
第四個屬性:font-weight
1、該屬性用來定義字體的粗細程度。
2、具體的語法如下:{font-weight: 100-900 | bold | bolder | lighter | normal;} 其中的屬性值分別表示數值、粗體、更粗、更細、默認。
第五個屬性:font-variant
1、該屬性用于設置大寫字母的字體顯示。
2、具體的語法格式如下:{font-variant: normal | small-caps | inherit;} 其中的參數值分別表示默認值、顯示小型大寫字母的字體、繼承。
第六個屬性:是font
1、該屬性可以一次性使用多個屬性來定義文本字體,是字體的復合屬性。
2、具體語法如下:{font: font-style | font-variant | font-weight | font-size | font-family;}
第七個屬性:color
1、屬性用來設置字體的顏色。
2、具體的語法格式如下:{color:name;}
css選擇器的類型分為3類:標記選擇器、類別選擇器和ID選擇器。
(可能名稱有不同的說法,但意思都是一樣的) 標記選擇器是利用HTML的標記直接定義標記內容的樣式,如:h1{ color:red; font-size:25pt;} 類別選擇器是通常說的class選擇器,定義的時候要在名稱前加.如:.one{ color:red; font-size:25pt;} ID選擇器定義的時候要在前面加#,如:#box { color:red; font-size:25pt;} 利用DW寫CSS的時候,高級就是上面說的ID選擇器,ID選擇器的名字可以任意命名,可以自己定義,可是標簽就只能是HTML語言里制定的那些標記,不能自己定義。1、新建html文件和CSS文件 ①在桌面新建一個文件夾,然后新建兩個text文件; ②分別將text文件重命名為index.html和css.css。 2、輸入html代碼 ①用記事本打開index.html文件,輸入以下代碼;
字體顏色的不同設置方法
②用瀏覽器打開瀏覽效果。 3、標簽內嵌入字體標簽設置顏色。 ①編輯index.html,在標簽內輸入以下代碼; 字體顏色的不同設置方法 ②瀏覽器瀏覽效果。 4、標簽內嵌入style樣式設置顏色。 ①另起一行字體,并在標簽內輸入以下代碼;
②在瀏覽器中檢查效果。 5、網頁內部嵌入標簽選擇器樣式設置顏色。 ①給文字的
標簽命名一個ID; ②在之間輸入以下代碼;③瀏覽器中查看效果。 6、網頁內嵌入類選擇器設置顏色。 ①給文字的標簽命名一個Class; ②在中輸入以下代碼; .p1{color:#D1f3c6;/*類選擇器*/} ③瀏覽器查看效果。 7、外部CSS樣式設置顏色。 ①在網頁頭部輸入以下連接CSS外部文件代碼;②在網頁中寫入以下代碼;
字體顏色的不同設置方法
字體顏色的不同設置方法
③用記事本方式打開css文件,輸入以下代碼; ④瀏覽器檢查效果變化。