CSS引入方式(三種)
- 1.內(nèi)聯(lián)屬性
對(duì)于想要設(shè)置樣式的HTML元素，直接修改他的style屬性，將css代碼直接寫在style屬性里
<div style="font-size:30px">
apple
</div>
<style>
#head{
font-size:20px;
}
</style>
<link rel="stylesheet" href="styles.css" /> //styles.css是自己寫在外部的文件
CSS選擇器
- 元素選擇器：用HTML中的標(biāo)簽作為選擇器，將所有相同的標(biāo)記應(yīng)用同一種樣式
下面代碼中的div中所包含的兩個(gè)單詞的字體顏色都被改變
<style>
div{
font-size:50px;
color: #00B7FF;
}
</style>
<body>
<div><h1>apple</h1></div>
<div>orange</div>
</body>
- 全局選擇器：使用 * 選擇所有的標(biāo)記，表示適用于所有的
加星號(hào)與不加的效果一樣
*.app{
font-size:50px;
color: #00B7FF;
}
*#app{
font-size:50px;
color: #00B7FF;
}
- class選擇器：使用.class屬性名{樣式...}
下面的舉例同一樣可以修改apple這個(gè)單詞的顏色和字體
<style>
.app{
font-size:50px;
color: #00B7FF;
}
</style>
<body>
<div class="app">apple</div>
</body>
- 類選擇器可以與其他選擇器搭配使用，css我們需要修改
div.app{
font-size:50px;
color: #00B7FF;
}
- ID選擇器：使用 #id屬性名{樣式...}
下面的舉例同一樣可以修改apple這個(gè)單詞的顏色和字體
<style>
#app{
font-size:50px;
color: #00B7FF;
}
</style>
<body>
<div id="app">apple</div>
</body>
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。
