css樣式小框架

時間 2019-12-07

標籤 css 樣式框架欄目 CSS 简体版

原文原文鏈接

1.如div{...}會給全部的<div></div>增長樣式。css

2.名前井號「#」：對應html中的標籤的id屬性，寫法爲#name。如#p1{...}會給<p id="p1">ID is p1</p>增長樣式。html

3.名前小數點「.」：對應html中標籤的class屬性，寫法爲.name。如.p2{...}會給<p class="p2">CLASS is p2</p>增長樣式。post

4.中間空格「」：關係到html標籤的層次，寫法爲css css[ css[... css]]，能夠設多層。如DIV #p1 .span1{...}spa

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

這樣寫的CSS必須嚴格遵照CSS與HTML標籤層次，如下狀況不會被這條CSS所應用：htm

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

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

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

5.中間逗號「,」：表示並列關係，即該CSS有多個名稱（能夠精簡重複的CSS樣式）form

如body,form,div{...}會爲全部的<body></body>、<form></form>、<div></div>增長樣式

6.名後冒號「:」：通常是指狀態

如a:hover表示當鼠標懸停在a標籤上時使用的樣式

7.style中點表明類class,#表明id,也能夠註釋

h1表明html中的元素

tr.hr表明元素的子元素

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。