學習CSS總結(一)

2022-08-16 14:21:18 字數 859 閱讀 2415

css選擇器分為

1.群組選擇器  如:p, body, img, div{}

2.兄弟選擇器 如:p + p

3.屬性選擇器 如: p[title]

4.包含(後代)選擇器 如:body ul li{}

5.子元素選擇器 如:div > p{}

6.id選擇器 如:#mydiv{}

7.類選擇器 如:.class1{}

8.偽元素選擇器 如:e:first-line,e:before

9.偽類選擇器 如:e:first-child ,e:visited,e:focus,e:enabled

10.標籤選擇器 如:p

子選擇器和後代選擇器的區別:

後代選擇器的寫法就是把外層的標記寫在前面,內層的標記寫在後面,之間用空格分隔。

子選擇器只對直接後代有影響的選擇器,而對「孫子後代」以及多層後代不產生作用。

設定容器的浮動方式為絕對定位

然後確定容器的寬高 比如寬500 高 300 的層

然後設定層的外邊距

div

父元素和子元素同時左浮動,然後父元素相對左移動50%,再然後子元素相對右移動50%,或者子元素相對左移動-50%也就可以了。

demotitle>

.p.c

style>head>

test float element centerh1>

div>

body>

html>

CSS學習總結一

1 css概念及作用 css是cascading style sheet 級聯樣式表 的簡稱,表現html或xhtml檔案樣式的計算機語言。包括對字型 顏色 邊框 高度 寬度 背景 網頁定位等設定。css的作用包括能控制頁面的樣式和布局,網頁檔案與樣式檔案相分離,提高開發效率。2.1 css引入方式...

css學習總結(一) 浮動

float屬性可以使塊元素位於頁面同一行內,但也存在以下問題 1.是否每行中所有同級塊元素都要加float屬性 2.當float元素後面的塊元素如何換行 3.當頁面 父元素 寬度縮小得比同行所有塊元素寬度 包括margin和padding 之和要小時,後面的塊元素會自動換行 解決以上問題的方法為 問...

CSS學習總結

1.使用外部 extenal 樣式表,相對於內嵌 inline 和內部式 internal 的,有以下優點 樣式 可以復用。乙個外部css檔案,可以被很多網頁共用。便於修改。如果要修改樣式,只需要修改css檔案,而不需要修改每個網頁。提高網頁顯示的速度。如果樣式寫在網頁裡,會降低網頁顯示的速度,如果...