學習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檔案，而不需要修改每個網頁。提高網頁顯示的速度。如果樣式寫在網頁裡，會降低網頁顯示的速度，如果...