CSS 審查

WBOY
WBOY原創
2016-08-08 09:28:241413瀏覽

重點:
span.XXX{...}

建立無表格的首頁
1.樣式
p{backgroundcolor:grey}
p{textindent:5em}
p{text-align: center}
p{font-family:sens serif}
p{link:color #FFF000}
ul li{list-style-image:url[xxx.jpg]}  列表標誌
table{border-collapse:1px solg]}  列表標誌
table{border-collapse:1px solid blue } 表格單邊框
2.框模型
*{margin:0;
  border:0}
{padding-left:20%}
p{border-style:solid solid solid none}
p{margin:0.25in}
3.定位
div h1 p被成為塊元素
span strong唄稱為行內元素(通過將display 屬性設置為block)
eg: (

本段包含了單獨的藍色單字。)
相對定位eg:  h2.pos_left
      { position:relative;
        left:-20px }
絕對定位流動solute floatsilc.
合併選擇:body, h2, p, table, th, td, pre, strong, em {color:gray;}
類別選擇:


This heading is very important.
h1>


This paragraph is very important.


.important {color:red;}
ID選擇器:

This is a paragraph of introduction.


設定  #intro {font-weight:bold;}
屬性選擇器
想選擇有moons 屬性的所有planet 元素,使其顯示為紅色,但第一個元素的文字不是紅色
Venus
Earth
後代選擇器
把作為h1 元素後代的em 元素的文本變為紅色。其他em 文本(如段落或區塊引用中的em)則不會被這個規則選中
h1 em {color:red;}
選擇子元素
h1 > strong {color:red;}
選擇相鄰兄弟
h1 + p {margin-top:50px;}
偽類 (冒號)
a:link {color: #FF0000}
p:first-child {font-weight: bold;} 

p:first-child {font-weight: bold;} 
p:first- letter

以上就介紹了css review,包括了方面的內容,希望對PHP教程有興趣的朋友有所幫助。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn