CSS設(shè)置style屬性的3種方法
我要評(píng)論可以將css樣式編寫到元素的style屬性當(dāng)中：
1.將樣式直接寫到style屬性中，這種樣式我們稱為內(nèi)聯(lián)樣式，內(nèi)聯(lián)樣式只對(duì)當(dāng)前的元素中的內(nèi)容起作用，內(nèi)聯(lián)樣式不方便復(fù)用，不推薦使用。
eg：
<p style="color:blue;font-size: 50px;">明月幾時(shí)有，把酒問青天！</p>
2.也可以將CSS樣式編寫到head中的style標(biāo)簽里,叫做內(nèi)部樣式。將樣式表編寫到style標(biāo)簽中，然后通過CSS選擇器選中指定元素
<head>
<style type="text/css">
p{
color:green;
font-size:40px;
}
</style>
</head>
<body>
<p>明月幾時(shí)有，把酒問青天！</p>
</body>3.還可以將樣式表編寫到外部的CSS文件中，然后通過link標(biāo)簽將外部的CSS文件引入到當(dāng)前的頁(yè)面中，href設(shè)置外部css文件的相對(duì)路徑，使結(jié)構(gòu)和表現(xiàn)完全分離。
<link rel="stylesheet" href="css/style.css" />
其他：
在CSS中，祖先元素的樣式，也會(huì)被他的后代元素所繼承；利用繼承關(guān)系，可以將一些基本樣式設(shè)置給祖先元素，這樣所有的后代元素將會(huì)自動(dòng)繼承這些樣式；
但是并不是所有的樣式都會(huì)被子元素所繼承。比如：背景相關(guān)的樣式都不會(huì)被繼承。
eg：
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body{
font-size: 25px;
}
</style>
</head>
<body>
<p>明月幾時(shí)有？</p>
<p class="p1">明月幾時(shí)有？</p>
<p>明月幾時(shí)有？</p>
<p>明月幾時(shí)有？</p>
</body>
</html>到此這篇關(guān)于CSS設(shè)置style屬性的3種方法的文章就介紹到這了,更多相關(guān)CSS設(shè)置style屬性內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！
相關(guān)文章
CSS 有序或者無(wú)序列表的前面的標(biāo)記 list-style-type 屬性的實(shí)現(xiàn)
這篇文章主要介紹了CSS 有序或者無(wú)序列表的前面的標(biāo)記 list-style-type 屬性的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的2020-02-24- 這篇文章主要介紹了CSS list-style-type屬性使用方法,需要的朋友可以參考下2023-05-16
CSS list-style修改列表屬性控制li標(biāo)簽樣式
list_style屬性用于修改列表的屬性，list-style-type用于設(shè)置列表項(xiàng)類型，list-style-position用于設(shè)這列表項(xiàng)位置，list-style-image用于設(shè)置使用圖像替換列表項(xiàng)標(biāo)記2014-07-29CSS list-style屬性控制li標(biāo)簽樣式示例代碼
list_style屬性用于修改列表的屬性，下面為大家介紹下CSS list-style屬性控制li標(biāo)簽樣式的具體實(shí)現(xiàn)，感興趣的朋友可以了解下2014-03-03- 這篇文章主要為大家介紹下css下的字體樣式，font的屬性與寫法，需要的朋友可以參考下2014-01-28
JavaScript CSS Style屬性對(duì)照表
為了達(dá)到某種特殊的效果我們需要用Javascript動(dòng)態(tài)的去更改某一個(gè)標(biāo)簽的Css屬性。2010-01-18- border-style -- 定義邊框的樣式 取值:<border-style>{1,4} | inherit <border-style>{1,4}: 邊框樣式 inherit: 繼承 初始值: none 繼承性: 否 適用于:2009-07-15
- 網(wǎng)頁(yè)制作Webjx文章簡(jiǎn)介：它可以組織并標(biāo)準(zhǔn)化CSS文件——選擇器、子選擇器及其屬性。它與之前見到的CSS優(yōu)化工具有所不同，styleneat更優(yōu)化整理CSS的結(jié)構(gòu)。2009-04-02