《網頁設計與製作》學習進度
一、HTML5網頁基本結構:
1、HTML5文件基本格式:HTML5文件的基本格式主要包括<!DOCTYPE>文件型別宣告、<html>根標記、<head>頭部標記、<body>主體標記
2、HTML5語法:
(1)標籤不區分大小寫
HTML5採用寬鬆的語法格式,標籤可以不區分大小寫,這是HTML5語法變化的重要體現。例如:<p>這裡的p標籤大小寫不一致</P>
(2)允許屬性值不使用引號
(3)允許部分屬性值的屬性省略
3、HTML標記及標記屬性
HTML標記:在HTML頁面中,帶有“ < > ”符號的元素被稱為HTML標記,<html>、<head>、<body>都是HTML標記,將HTML標記分為三大類,分別是“雙標記”、“單標記”、“註釋標記”
標記屬性:其基本語法格式如下:
<標記名 屬性1="屬性值1" 屬性2="屬性值2" …> 內容</標記名>
<h1 align="center" >標題文字<h1>
(其中align為屬性名,center為屬性值,表示標題文字居中對齊,對於標題標記還可以設定文字左對齊或右對齊,對應的屬性值分別為left和right。如果省略align屬性,標題文字則按預設值左對齊顯示)
4、HTML5文件頭部相關標記:在<head>標記內
二、HTML5的常用基本標記:
1、文字控制標記:(1)標題和段落標記
(2)文字格式化標記
(3)特殊字元標記
2、影象標記:(1)常用影象標記
(2)影象標記<img/>
(3)絕對路徑和相對路徑
3、連結標記:(1)建立超連結
(2)錨點連結
三、HTML5頁面元素:(1)列表元素
(2)結構元素
(3)分組元素
(4)頁面互動元素
四、CSS基本選擇器
1、CSS樣式規則:
具體格式如下:選擇器{屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3;}
具體規則如下:
CSS樣式中的選擇器嚴格區分大小寫,屬性和值不區分大小寫,按照書寫 習慣一般將“選擇器、屬性和值”都採用小寫的方式;
多個屬性之間必須用英文狀態下的分號隔開,最後一個屬性後的分號可 以省略,但是,為了便於增加新樣式最好保留;
如果屬性的值由多個單片語成且中間包含空格,則必須為這個屬性值加 上英文狀態下的引號;
在編寫CSS程式碼時,為了提高程式碼的可讀性,通常會加上CSS註釋
2、標記選擇器
3、類選擇器
4、id選擇器
五、CSS複合選擇器
1、交集選擇器
2、合集選擇器
3、後代選擇器
六、CSS3高階
選擇器:(1)CSS3屬性選擇器
(2)關係選擇器
(3)偽類及偽元素選擇器
屬性:(1)CSS3的變形屬性
(2)CSS3的過渡屬性