表示 HTML 的頭部,描述 HTML 文檔的各種屬性和信息,包括網(wǎng)頁(yè)的標(biāo)題、CSS 樣式通過(guò)標(biāo)簽嵌套在HTML的頭部控制網(wǎng)頁(yè)內(nèi)容的樣式。
自我介紹
CSS樣式由選擇符和聲明組成,而聲明又由屬性和值組成。
選擇符又稱(chēng)選擇器,指明網(wǎng)頁(yè)中要應(yīng)用樣式規(guī)則的標(biāo)簽,如上圖的例子就是把網(wǎng)頁(yè)中所有段落(p)的文字顏色變成藍(lán)色,而其他標(biāo)簽不會(huì)受到影響。
在英文大括號(hào)“{}”中的就是聲明,屬性是指字體大小、顏色、對(duì)齊方式等,值是指字體具體有多大。顏色具體是哪個(gè)等。屬性和值之間用英文冒號(hào)“:”分隔,當(dāng)有多條聲明時(shí),中間可以英文分號(hào)“;”分隔。
在這里我們主要講幾種CSS常用的屬性。
網(wǎng)頁(yè)的字體屬性是font-,常用的值有SimSun(宋體)SimHei(黑體) Yahei(微軟雅黑)KaiTi(楷體)
我們來(lái)嘗試一下,將前面做的自我介紹網(wǎng)頁(yè)的字體設(shè)置為常用的微軟雅黑字體。整個(gè)網(wǎng)頁(yè)的字體包含在標(biāo)簽中,所以選擇符為body.
標(biāo)簽代碼:
在瀏覽器中顯示:
字體大小的屬性是font-size,它的值常用的單位是px(像素),px的值越大字號(hào)越大;
字體顏色的屬性是color,你可以將它的值設(shè)置為你喜歡的顏色。
用代碼將自我介紹網(wǎng)頁(yè)中段落
的字號(hào)放大一點(diǎn)網(wǎng)站制作,并將整個(gè)網(wǎng)頁(yè)的字體顏色設(shè)置為與編玩邊學(xué)圖片相似的藍(lán)色。段落的選擇符為p,整個(gè)網(wǎng)頁(yè)的選擇符為body。
標(biāo)簽代碼:
在瀏覽器中顯示:
我們還可以給網(wǎng)頁(yè)中的某部分增加一個(gè)邊框。
邊框樣式的屬性是-style,常用的值有solid(實(shí)線)和
(虛線)
邊框?qū)挾鹊膶傩允?width,它的值常用單位也是px(像素)
邊框顏色屬性是-color網(wǎng)站制作,你可以設(shè)置成自己喜歡的顏色。
我想給名字的部分加一個(gè)紅色的實(shí)線邊框,所以選擇符是h1。
標(biāo)簽代碼:
在瀏覽器中顯示:
美化網(wǎng)頁(yè)的CSS屬性有很多種類(lèi),而且方法也不只一種,在這里無(wú)法一一詳述。快打開(kāi)記事本為你剛剛制作的自我介紹網(wǎng)頁(yè)添加一些好看的CSS樣式吧。
雙擊打開(kāi)html文件你會(huì)發(fā)現(xiàn)之前不忍直視的網(wǎng)頁(yè)變得好看了哦。給自己點(diǎn)個(gè)贊吧!
以上內(nèi)容轉(zhuǎn)自編程少年青少年編程愛(ài)好者學(xué)習(xí)交流社區(qū) - 編程少年
*請(qǐng)認(rèn)真填寫(xiě)需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。