html css 網頁布局

2021-09-03 02:16:14 字數 966 閱讀 9665

1.css

選擇符命名規則 關於

css命名法,和其他程式命名一樣,分為

:駝峰,帕斯卡,匈牙利法

駝峰命名法:除第乙個單詞首字母小寫外,其餘所有單詞首字母都大寫

帕斯卡命名法:與駝峰相似,區別就是所有單詞首字母都大寫

2.公司都有命名規範文件 3.

css選擇符

選擇符的作用?指定

css樣式作用的物件(範圍)

標籤選擇符,針對

html

標籤、id

選擇符,針對頁面中只出現一次的內容,

id類選擇符,針對某些元素,相同的樣式,重複樣式

補充:控制所有元素

----

使用萬用字元,就是

*,作用式給所有的

html元素

注意:*

的作用範圍很廣,但是它的效率最低,

慎用!!!

選擇符的巢狀

----

包含選擇符

如果我們針對某個元素中的組元素進行控制,可以使用巢狀的方式,不必再為子元素設定id

語法:父元素

子元素

5.選擇符分組(機體控制):將同樣的樣式定義用於多個選擇符,選擇符之間用逗號分割,如:

p,div,.warning, 6.

標籤指定式選擇符:如果既想用id或

class

,也想同時使用標籤選擇符 如:

h1#content{}

表示針對所有id為

content的h1

標籤 h1.p1{}

表示針對所有

class為p1

的h1標籤

7.組合選擇符:將以上選擇符進行組合使用 如:

h1.p1,#content h1{}
針對類為p1的

h1標籤和id為

content中h1

標籤進行設定樣式.

HTML CSS 簡單網頁布局

常用標籤列舉 元素選擇器 匹配元素基本選擇器 按標籤名選擇 tagname class類選擇器 classname id選擇器 id 直接子元素 ul li 所有後代元素 屬性選擇器 tagname class id tagname class id 樣式 定位position 偽類 visited...

網頁布局(html css基礎)

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

前端面試題 HTML CSS)網頁布局

1 css中居中方式 1 絕對定位 2 flex布局 display flex justify content center align item center 3 對父容器使用display table cell vertical align middle 使其內的子元素實現垂直居中 2 css的...