HTML CSS 簡單網頁布局

2021-08-31 21:31:29 字數 1363 閱讀 6304

☆常用標籤列舉

☆元素選擇器:匹配元素基本選擇器:按標籤名選擇

tagname

class類選擇器

.classname

id選擇器

#id(直接子元素)

ul li(所有後代元素)

屬性選擇器

tagname[class][id]

tagname[class=" 「][id=」 "]

☆樣式

☆定位position

☆偽類

/*:visited 已訪問過偽類*/

tagname:visited

/*:hover 滑鼠懸停偽類*/

tagname:hover

/*:link 未訪問過偽類*/

tagname:link

/*:active 滑鼠啟用偽類*/

tagname:active

注意:☆iframe標籤的使用

**首頁

☆錨鏈結1、錨點在其他頁面

找衣服

衣服

2、與錨點在同一頁面

衣服

找衣服

☆多級選單注意☆盒子模型

☆meta標籤的作用

meta 標籤是乙個特殊的 html標籤,提供有關網頁的資訊,如作者姓名、公司名稱和聯絡資訊等,許多搜尋引擎都使用 meta 標籤資訊。例如,要將 john 指定為作者,則使用以下 meta 標籤:

meta的http-equiv屬性用於向瀏覽器提供一些說明資訊,從而可以根據這些說明做出相應。 http-equiv 屬性可用來代替 meta 標籤中的 name 屬性 :

表示每隔2秒,自動重新整理網頁:

meta標籤指定了當前文件所使用的字元編碼為gb2312,也就是中文簡體字符:

html css 網頁布局

1.css 選擇符命名規則 關於 css命名法,和其他程式命名一樣,分為 駝峰,帕斯卡,匈牙利法 駝峰命名法 除第乙個單詞首字母小寫外,其餘所有單詞首字母都大寫 帕斯卡命名法 與駝峰相似,區別就是所有單詞首字母都大寫 公司都有命名規範文件 css選擇符 選擇符的作用?指定 css樣式作用的物件 範圍...

網頁布局(html css基礎)

一 如何用css進行網頁布局 二 網頁布局基礎 三 網頁簡單布局之結構和表現原則 四 css sprite雪碧圖應用 什麼叫布局?網頁的特點 網頁自適應寬度 網頁長度無限延長 分欄也叫分列,混合布局,一列布局,二列布局,三列布局。使用float和絕對定位position relative都會脫離文件...

html css簡單布局

經過幾天的學習漸漸掌握了一部分html和css 下面是用最近幾天學習的html css簡單布局的乙個頁面 這個頁面可以分為 header,middle和foot。其中head分為三部分,需要三個div標籤來進行布局 首先第乙個div標籤布局橙色區域以及整個header區域設定背景顏色,寬,高,外邊距...