DIV CSS系列課程 三 常用標籤及簡單例項

2021-05-27 10:55:05 字數 1119 閱讀 5571

文件開始與結束

文件頭部 一般用於設定關鍵字 標題 描述等資訊 裡面的內容不顯示到網頁正文

文件標題 在頭部中巢狀

文件鏈結 一般用於鏈結樣式表檔案 在頭部中巢狀 常用屬性有href路徑 rel="stylesheet" type="text/css"格式

文件正文  一般不用管

表單 一般不用管

層  用的很頻繁 常用屬性有id編號  class樣式名

列表框       用的很頻繁 一般用於新聞列表類的外框

列表內容 用的很頻繁  一般用於新聞列表的顯示 巢狀在ul中

換行超連結   用的很頻繁 常用屬性有href路徑 target目標(一般不用 需要開啟新網頁時才用target="_blank" ) title提示(當滑鼠指向鏈結時提示的文字)

樣式表中常用的屬性

width寬度

height高度

border邊框

margin邊框與其他元素的距離

padding邊框與內容的距離

backgroud-image背景

background-color背景顏色

color字型顏色

font-size字型大小

float浮動

樣式的命名

如果樣式應用在html的標籤中 如body(有時候整個文件的正文需要寬度設在960px) 則樣式的命名為body 例項如下:

body

如果樣式應用在有id的元素中 如則樣式的命名為#+樣式名 如#div1 例項如下:

#div1

如果樣式應用在自定義的class的標籤中 如則樣式的命名為.+樣式名 如.left 例項如下:

.left

樣式的命名可以巢狀 如

樣式表中

如果想設定dd2的樣式 需要命名為#dd1 .dd2

如果想設定dd3的樣式 需要命名為#dd1 #dd2

問題**如下:

問題:如果乙個頁面中有2個ul 要求顯示的樣式不一樣 請問該如何設定?

簡單完整例項

頁面中:

導航正文啊正文

正文啊正文

正文啊正文

css中:

#div1

.left

.right

三 Html常用標籤

html文件的根元素,可以指定乙個xmlns屬性,值只能是http www w3.org 1999 xhtml。頁面主體部分 加粗的文字 斜體的文字 加粗的斜體文字 被強調的文字 大號字型文字 小號字型文字 加粗的文字 普通的文字上標文字 普通的文字下標文字 指定文字內容從左到右,left to r...

div css 常用三種自動適應寬度

css兩列布局,右側固定,左側自適應寬度 divstyle width 90 margin 0 auto overflow auto display inline block divstyle width 200px float right background 090 這是右側的內容div div...

div css 常用三種自動適應寬度分欄

style width 90 margin 0 auto overflow auto display inline block style width 200px float right background 090 這是右側的內容div style margin right 210px backg...