層疊樣式表
標記語言
①增強控制網頁樣式
②樣式與網頁分離
選擇器
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...