CSS(層疊樣式表)

2021-07-29 03:43:15 字數 1036 閱讀 2032

一.css是增加html的樣式,擁有對網頁物件和模型樣式編輯的能力:

(1).在html中引入css有3種方式

1.外部樣式表

2.內部樣式表

3.內聯樣式表

(2)css選擇元素的方式、

1.元素選擇器(通過元素名字進行選擇)

、   2.id選擇器

3.class選擇器

4.子元素選擇器

5.相鄰選擇器

如果需要選擇緊接在另乙個元素後的元素,而且二者有相同的父元素,可以使用相鄰兄弟選擇器

例如,如果要增加緊接在 h1 元素後出現的段落的上邊距,可以這樣寫:

h1 + p
這個選擇器讀作:「選擇緊接在 h1 元素後出現的段落,h1 和 p 元素擁有共同的父元素」。

6.群組選擇器

例項h1, h2, h3, h4, ul, p, #aaa, #bbb 

二。

(1)一般樣式

向左對齊: 

去掉超連結下劃線:

(2)盒子模型

margin(外邊距):定義元素與元素之間的距離

padding(內邊距):用於定義內容與邊框的距離

居中顯示:margin:0 auto;

清零外邊距:*、

邊框簡寫: border:20px  solid    bule;( 邊框:大小   實線   顏色)

(3)行內元素與塊狀元素

(4)定位布局

1.固定定位:fixed  (相對於瀏覽器)

2.相對定位:relative   (相對於原始位置計算)

3.絕對定位:absolute(預設相對於瀏覽器。當父類元素為相對定位,就相對於父類的位置)

例;position:fixed

right:5px

top:10px

CSS層疊樣式表

一般說來所有樣式有下面的規則 第四個最有優先性 1 browser default 瀏覽器預設 2 external style sheet 外部樣式表 3 internal style sheet inside the 瀏覽器將從mystyle.css檔案中讀採樣式定義資訊,並根據它來格式化文件 ...

CSS層疊樣式表

html主要控制內容 css主要控制格式。樣式表是用來指定樣式資訊的句法機制。之所以將css稱為層疊樣式表,是因為它可以在3個層次上進行定義。內聯樣式表位於開始標籤中,其設定只對該元素起作用 文件樣式表位於文件的頭部區域,能夠作用於文件的整個主體。文件樣式表的說明是作為乙個 3.通用選擇器 不管什麼...

css層疊樣式表

如何定義?在html文件的head中新增style標籤,樣式定義其中。樣式分選擇器和樣式規則兩個部分 使用link標籤匯入外部的css 選擇器 1 標籤選擇器 作用範圍,當前頁面中所有的該型別的標籤 2 類選擇器 a 定義,使用點操作符進行定義,類名在點後,沒有空格,如 bule b 應用,為應用該...