CSS中的特殊符號

來源:互聯網
上載者:User

1.如div{...}會給所有的<div></div>增加樣式。

2.名前井號“#”:對應html中的標籤的id屬性,寫法為#name。如#p1{...}會給<p id="p1">ID is p1</p>增加樣式。

3.名前小數點“.”:對應html中標籤的class屬性,寫法為.name。如.p2{...}會給<p class="p2">CLASS is p2</p>增加樣式。

4.中間空格“ ”:關係到html標籤的層次,寫法為css css[ css[... css]],可以設多層。如DIV #p1 .span1{...}

則會給<div><p id="p1"><span class="span1"></span></p></div>中最內部的span1增加樣式。

這樣寫的CSS必須嚴格遵守CSS與HTML標籤層次,以下情況不會被這條CSS所應用:

<span class="span1"></span>

<p id="p1"><span class="span1"></span></p>

<div><span class="span1"></span></div>

5.中間逗號“,” :表示並列關係,即該CSS有多個名稱(可以精簡重複的CSS樣式)

如body,form,div{...}會為所有的<body></body>、<form></form>、<div></div>增加樣式

6.名後冒號“:”:一般是指狀態

如a:hover表示當滑鼠移至上方在a標籤上時使用的樣式

7.style中點代表類class,#代表id,也可以注釋

h1代表html中的元素

tr.hr代表元素的子項目

原文:

http://zhidao.baidu.com/question/200642163.html

http://hi.baidu.com/wozengcong2012/item/efbd49a38712ffd95bf191b1

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.