網(wǎng)站建設(shè)網(wǎng)站定制開(kāi)發(fā):CSS層疊樣式表
任務(wù)3掌握CSS層疊樣式表
通過(guò)瀏覽器查看,上面這段代碼在IE 9中的顯示結(jié)果如圖3-18所示。
圖3 -18 CSS設(shè)置文字大小的顯示效果
(2)文字顏色。文字的各種顏色配合其他頁(yè)面元素組成了整個(gè)五彩繽紛的頁(yè)面,在CSS
中文字顏色是通過(guò)color屬性設(shè)置的。
格式:
選擇器{
color:文字顏色:
文字的顏色可以采用多種表示方法。例如:
以上的幾種方法都是將文字顏色設(shè)置為藍(lán)色。
用“記事本”編寫如下代碼并保存為3_3_3. htm文件。
通過(guò)瀏覽器查看,上面這段代碼在IE 9中的顯示結(jié)果如圖3-19所示。
圖3-19 CSS設(shè)置文字顏色的顯示效果
上例中首先設(shè)定了標(biāo)題顏色為綠色,<p>標(biāo)記的顏色為紅色,然后設(shè)置了<p>標(biāo)記中
包含的< span>標(biāo)記為深藍(lán)色,從而將正文中所有的“冬至”進(jìn)行了突出顯示。
(3)文字加粗、傾斜、下劃線、頂劃線和刪除線。在HTML語(yǔ)言中,通過(guò)添加<b>或
< strong>標(biāo)記可以將文字設(shè)置為粗體。在CSS中是通過(guò)屬性font - weight設(shè)置的。CSS
可以將文字粗細(xì)進(jìn)行細(xì)致的劃分,更重要的是,CSS還可以將本身是粗體的文字變?yōu)檎4?/span>
細(xì)。在CSS中,斜體字是通過(guò)設(shè)置font - style屬性實(shí)現(xiàn)的。而給文字加下劃線、頂劃線和刪
除線則是通過(guò)text - decoration屬性實(shí)現(xiàn)的。 .