欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

CSS設(shè)置style屬性的3種方法

  發(fā)布時(shí)間：2024-03-15 15:36:09   作者：Danny_hi   我要評(píng)論
style屬性可以用在HTML中大部分的標(biāo)簽上，本文主要介紹了CSS設(shè)置style屬性的3種方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

可以將css樣式編寫(xiě)到元素的style屬性當(dāng)中：

1.將樣式直接寫(xiě)到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í)有，把酒問(wèn)青天！</p>

2.也可以將CSS樣式編寫(xiě)到head中的style標(biāo)簽里,叫做內(nèi)部樣式。將樣式表編寫(xiě)到style標(biāo)簽中，然后通過(guò)CSS選擇器選中指定元素

<head>
	<style type="text/css">
		p{
			color:green;
			font-size:40px;
		}
	</style>
</head>
<body>
	<p>明月幾時(shí)有，把酒問(wèn)青天！</p>
</body>

3.還可以將樣式表編寫(xiě)到外部的CSS文件中，然后通過(guò)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)文章

最新評(píng)論