HTML語言和CSS總結

2021-03-10 10:10:53 字數 2592 閱讀 7540

第一章:(html的基本標籤)

一:什麼是html

答:html被稱為超文字標籤語言。

二:有什麼特點:

答:1:簡易性。2:無平台性。

三:基本的塊級標籤包括

1:標題標籤《h1》-《h6》 2:段落標籤《p》 3:水平線標籤《hr/》

四:常用的布局塊級標籤。

1:有序列表標籤《ol》《li》

2:無序列表標籤《ul》《li》

3:定義列表標籤《dl》《dt》《dd》

4:表單標籤《from》

5:分割槽標籤《div》

五:行級標籤。

1:**標籤《img》 2:範圍標籤《span》 3:換行標籤《br/》

第二章:

一:超連結《a》標籤

文字或者影象

target:_self是自身視窗,target:_blank新建視窗

二:注釋。

三:特殊符號。

空格 &hbsp; 大於號:> 小於號:< 引號:" 版權符號:©

四:(1)

的用法的:

1:text :單行文字輸入。

2:password :密碼

3:radio:單選.

4:checkbox:多選。

5:reset:重置表單資料。

6:file:檔案上傳。

7:submit:提交表單資料

8:圖形提交按鈕

9:button普通按鈕。

10:hidden:隱藏域

(2)1:下拉下錶框:

文字值2:多行文字域

第三章:

一:掌握**的基本用法:

1:使用建立**

2:使用「border」屬性設定邊框,「width」屬性設定**寬度

二:製作跨行,跨列的**

跨行:colspan=」橫向跨的單元格數」;

跨行:rowspan=」縱向跨的單元格數」;

三:**還可以用**和表單的布局。

四:**布局用於資料規整的區域性布局

第四章:

1:常用的框架技術包括框架集和內框架。

2:框架集結構非常清晰,適用於整個頁面都用框架實現的場合,內嵌框架使用比較方便,靈活,一般用於頁面中引用外站的頁面內容時。

3:框架集使用和標籤實現,的rows和cols屬性實現視窗的橫向和縱向分割。的src屬性是連線其他的位址

第五章.

1:使用css可以實現w3c提倡的結構和樣式分離的思想,這樣做的好處:

有利於團隊的開放,精確控制頁面,提高開發效率,利用搜尋引擎。

2:css樣式則採用選擇器,屬性,屬性值進行描述

3:選擇器即為被修飾的物件,常用的三類選擇器有以下三類。

a:標籤選擇器,直接用標籤名方式定義。

b:類選擇器,先為標籤設定屬性class=」類別名」,後用點(.)+類別名方式定義。

4:id選擇器,先為標籤設定屬性class=」id名」.使用者#類別名方式定義。

5:樣式的兩大用途是頁面元素修飾和布局,頁面元素修飾的css屬性包括如下四類。

a:文字屬性:line-height,text-decoration,text-align,color,letter-spacing。

b:字型屬性:font,font-size,font-weight.

c:背景屬性:

background,background-image,background-repeat,background-position。

d:列表屬性:list-style,float等。

第六章.

1:盒子模型是頁面布局的基礎,它包括外邊距(margin),邊框(border),內邊距(padding)以及元素的寬高.

2:float(浮動)的屬性如下:

a;float通常用於讓塊級元素橫向緊挨或實現特殊排序,而非獨佔一行

b;float屬性常用的三個取值為left,right,none;

3:clear的屬性如下

a;緊跟在float元素之後,用換行方式區隔開浮動元素,

b;clear屬性常用的取值有left,right,both,none,注意和前乙個浮動元素的浮動方向必須一致。

第七章:

1:超連線偽類有以下幾種:

a:link , a:hover, a:visited,a:actived.

2:樣式有三種應用方式:外部樣式表,內部樣式表,行內樣式。其中外部樣式實現了內容與樣式的徹底分離,是主流的應用方式。

3:各類樣式的優先級別

a;行內樣式表》內部樣式表》外部樣式表

b:id選擇器》類選擇器》標籤選擇器。

4:典型的區域性結構包括如下幾種。

a:div-ul(ol)-li常用於分類導航或選單等場合。

b:div-dl-dt-dd:常用於**混編場合。

c:table-tr-td:常用於規整資料的顯示場合。

d:from-table-tr-td:常用於表單布局的場合。

5:選擇器涉及常用符號。

a:空格,表示上下級元素,即某個標籤(物件)內的某個元素的樣式。

b:逗號,表示多個選擇器共用一套樣式,即「多個元素(物件)都採用這種方式。

c:「。「為類名識別符號,」#「表示id識別符號。

HTML語言和CSS開發商業站點總結

1.標題標籤 2.段落標籤 3.水平標籤 表示標籤的開始和結束 4.有序列表標籤 表示有序列表,表示各列表項 5.無序列表標籤 同上 6.定義列表標籤 表示定義列表,表示術語。表示術語的具體描述 7.標籤 表示 表示行,表示列 8.表單標籤 表示表單,表示輸入內容項 9.分割槽標籤 經驗總結 在實際...

Html引用css方法

引用css檔案到html方法 css引入,css引用 使用不同的方法來引用css樣式表,最終到達的效果相同,但是使用不同方法應用的css檔案將影響到seo及網頁開啟速度效率。html引用css方法如下 1 直接在div中使用css樣式製作div css網頁 2 html中使用style自帶式 3 使...

HTML語言語法大全

斜體字 斜體字 強調 斜體字 表示定義 底線 底線 表示插入文字 橫線 刪除線 刪除線 表示刪除 鍵盤文字 打字型 固定寬度字型 在檔案中空白 換行 定位功能有效 固定寬度字型 不執行標記符號 固定寬度小字型 字型顏色 最小字型 無限增大 區斷標記 水平線水平線 設定大小 水平線 設定寬度 水平線 ...