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