css筆記 更新中

2021-10-09 15:58:36 字數 2364 閱讀 9845

層疊樣式表

標記語言

①增強控制網頁樣式

②樣式與網頁分離

選擇器
1.)第一種方式內嵌樣式

2.)第二種方式外鏈樣式

3.)第三種方式行內樣式

《標籤名 style="屬性1:屬性值1;屬性2:屬性值2;">基本選擇器

id選擇器===>#+id的屬性值

class選擇器===>.+class的屬性值

標籤選擇器===>標籤名作為選擇器

萬用字元===>*表示所有標籤

層級選擇器

組合選擇器:div,p逗號

包含選擇器:div p空格

父子選擇器:div>p大於

兄弟選擇器:div~p波浪線

緊貼在div後的p標籤:div+p加號

匹配input標籤中屬性為name的採用樣式:input[name]

匹配input標籤中屬性為name,並且以u結束的採用樣式:input[name$=u]

匹配input標籤中屬性為name,並且以u開頭的採用樣式:input[name^=u]

匹配input標籤中type屬性的值中包含a採用樣式:input[type*=a]

匹配input標籤中type屬性中的值有text單詞的採用:input[type~=text]

匹配input標籤中type屬性值為password採用樣式:input[type=password]

div標籤中第一行內容採用樣式div:first-line

div標籤中第乙個字母採用此樣式div:first-letter

在div標籤之前新增內容+樣式:div:before

在div標籤之後新增內容+樣式:div:after

li標籤中內容為空的採用此樣式:li:empty

li標籤**了選擇器為#one的都採用此樣式li:not(#one)

ul的第乙個兒子:ul li:first-child

ul的最後乙個兒子:ul li:last-child

ul的唯一的乙個兒子:ul li:noly-child

ul的第3個兒子:ul li:nth-child(3)

ul的第奇數個兒子:ul li:nth-child(odd)

ul的第偶數個兒子:ul li:nth-child(even)

從下往上ul的第奇數個兒子li:ul li:nth-last-child(odd)

從下往上ul的第偶數個兒子li:ul li:nth-last-child(even)

從下往上ul的第4個兒子li:ul li:nth-last-child(4)

font-size:40px;字型大小

font-weight:bold;加粗

font-family:'仿宋','楷體',字型族科

font-style:italic;字型樣式傾斜

font-color:blue;字型顏色

簡寫

font:italic bold 40px 『仿宋』;

font:樣式 加粗 大小 族科

text-indent:2em;首行縮排兩個字元

line-height:1.5;行高

letter-spacing:5px;字間距

text-shadow:水平位置 垂直位置 模糊度 顏色;文字陰影

text-decoration:none;去除下劃線

text-decoration:underline red;紅色下劃線

同步更新CSS學習筆記

css學習筆記 css是cascading style sheets 層疊樣式表 的縮寫。是一種對web文件新增樣式的簡單機制,屬於表現層的布局語言。1 css基本規則 然後在樣式表裡這樣定義 menubar 其中 menubar 是你自己定義的id名稱。注意在前面加 號。id選擇器也同樣支援派生,...

flex 筆記(更新中。。。。)

1 如果要設定validator驗證元件裡面提示字的大小,可以在mxml中加入 3 如果你想要在tooltip中換行顯示文字,則 在actionscript 中,您使用 n 轉義的新行字元。在 mxml 標籤中,您使用 如 tooltip child components without toolt...

PHP Manual 筆記(更新中)

一直沒有好好讀過某一門語言的manual,現在因為用到php,閒下來就讀一讀,順便記錄一些收穫。1 十進位制 八進位制 十六進製制 二進位制的表示方法 a 1234 decimal number a 123 a negative number a 0123 octal number equivale...