前端菜鳥筆記 Day 5 CSS 高階

內容引用：css 選擇器

html

h2, p

.important 

p.warning  
.important.warning 
/* 選擇同時擁有這兩個類名的元素 */

#intro

a[href] 

a[href][title] 
a[href="..."] 
p[class="important warning"] 
/* 完全匹配的屬性內容 */
p[class~="important"] 
/* 部分匹配的屬性內容 */

h1 em

h1 > strong

h1 + p

css 偽類用於向某些選擇器新增特殊的效果。

a:link         /* 未訪問的鏈結 */

a:visited     /* 已訪問的鏈結 */
a:hover     /* 滑鼠移動到鏈結上 */
a:active     /* 選定的鏈結 */
p:first-child

margin-left:auto;

margin-right:auto;

position:absolute;

right:0px;

float:right;

指定了乙個長度相對於另乙個長度的屬性，對於不同的裝置相對長度更適用。

絕對長度單位是乙個固定的值，它反應乙個真實的物理尺寸。

使用時如果有疑問可以隨時檢視【css 參考手冊】。

個人靜態部落格：

前端菜鳥筆記 Day 5 CSS 高階

內容引用 css 選擇器 htmlh2,p.important p.warning important.warning 選擇同時擁有這兩個類名的元素 introa href a href title a href p class important warning 完全匹配的屬性內容 p class...

前端菜鳥筆記 Day 5 CSS 高階

內容引用 css 選擇器 htmlh2,p.important p.warning important.warning 選擇同時擁有這兩個類名的元素 introa href a href title a href p class important warning 完全匹配的屬性內容 p class...

前端菜鳥筆記 Day 4 CSS布局

內容引用 css 框模型概述 css 框模型 box model 規定了元素框處理元素內容 內邊距 邊框 和 外邊距 的方式。元素的背景應用於 由內容和內邊距 padding 邊框 border 組成的區域。邊框以外是外邊距 margin 外邊距預設是透明的，因此不會遮擋其後的任何元素。內邊距 邊框...