1. 程式人生 > 其它 >《網頁設計與製作》學習進度

《網頁設計與製作》學習進度

一、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的過渡屬性