網頁布局基礎筆記1 DIV CSS

2021-07-25 13:55:27 字數 1354 閱讀 5501

****div+css****

1.css的三種位置:

*1.內嵌樣式表:inline css  即使用style標籤直接在html元素中建立樣式,如內嵌樣式

*2.使用style元素定義css樣式,再用class 呼叫所定義的樣式.

內部樣式表:internal css (常在head中)如:

定義樣式:

呼叫樣式:第一段

*3.外部樣式表:external css  建立外部.css檔案.

*各種樣式重疊時,優先順序,從高到低:

內嵌樣式,內部樣式,外部樣式,瀏覽器預設樣式、

*css樣式主要由三部分組成:

選擇器(select)           如:p 設定單一選擇器屬性值

屬性名(property)             .mystyle{} 可以被任何選擇器使用如:***

屬性值(value)                h1,h2,p.mystyle3 可統一定義多選擇器屬性

*選擇器有許多不同的型別,每個都與標記的不同部分相匹配。最常遇到的三種基本選擇器如下:

p {}:元素選擇器

與頁面上所有叫該名稱的元素相匹配(比如示例中的 p 元素)

.example{}:類選擇器

與所有 class 屬性為指定值的元素相匹配,因此上面可以匹配 , 或者 ,或者其它 class 值為 example 的元素。注意,類選擇器不會對任何特定的元素名稱進行測試。

#example{}:id選擇器

與所有具有特定 id 屬性值的元素相匹配,因此上面的例子可以匹配 , 或者 或者其它 id 值為 example 的元素。注意 id 選擇器不會對任何元素名稱進行測試,而且每個 id 值在乙個 html 文件中只能出現一次——它們對每個頁面都是獨一無二的。

*css注釋:/* */

*在css中,長度單位分為兩類:絕對長度單位和相對長度單位。

2.div標記:

division是乙個html標記,用於表示一塊可顯示html資訊的區域、同p.

如果不使用css樣式設定

3.html元素按其顯示方式可分為"塊級"(block)元素和"行內"(inline)元素:

*塊級元素:

前後換行,和設定塊級大小(寬高),塊的定位,塊邊框,塊間距,塊內和塊邊框空隙等.如body,p,tr,td,div等.

*塊內元素:

位於當前行中,前後不換行,不單獨定位.如span元素.

可以使用css的display(顯示)屬性設定/修改元素的顯示方式,常用的屬性取值為:block(以塊顯示),inline(行內顯示),none(隱藏)

4.css和html樣式的衝突時,服從css; css樣式的表現,按css屬性就近原則.

div css 網頁布局基礎

a link a hover a visited 偽類 css中很有用的知識點 p.cls1 p.cls2 萬用字元選擇器 四種選擇器優先順序 id選擇器 class html 萬用字元選擇器 父子選擇器 id1 span 1父子選擇器可以運用到任何選擇器中結合使用2不好超過三層,3有嚴格的層級關係...

div css 網頁布局

今天剛弄的,呵呵 設為首頁 加入收藏 12月活動 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 人之所以...

網頁布局值DIV CSS

1 css的建立與使用 插入樣式表方法 a 外部樣式表 當樣式需要應用於很多頁面時,外部樣式表是理想的選擇。格式 stylesheet type text css href test.css b 內部樣式表 當單個文件需要特殊的樣式是,就應使用內部樣式表。type text css body h1h...