這篇文章將為大家詳細(xì)講解有關(guān)css的樣式有哪些，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供克山網(wǎng)站建設(shè)、克山做網(wǎng)站、克山網(wǎng)站設(shè)計、克山網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、克山企業(yè)網(wǎng)站模板建站服務(wù)，十載克山做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

css中有3種樣式：1、行內(nèi)樣式，將css樣式代碼寫在HTML標(biāo)簽的style屬性中；2、內(nèi)部樣式，將css樣式代碼寫HTML文檔head部分的“

示例：為段落設(shè)置內(nèi)嵌式樣式書寫方法，減少代碼量。

	
		
		
		
			p {
				text-align: left;/*文本左對齊*/
				font-size: 18px;/*字體大小 18 像素*/
				line-height: 25px;/*行高 25 像素*/
				text-indent: 2em;/*首行縮進(jìn)2個文字大小空間*/
				width: 500px;/*段落寬度 500 像素*/
				margin: 0 auto;/*瀏覽器下居中*/
				margin-bottom: 20px;/*段落下邊距 20 像素*/
			}
		
	
	
		
測試文本！測試文本！測試文本！測試文本！測試文本！測試文本！測試文本！
		
測試文本！測試文本！測試文本！測試文本！測試文本！測試文本！測試文本！測試文本！測試文本！測試文本！
		
測試文本！測試文本！測試文本！測試文本！測試文本！測試文本！測試文本！測試文本！測試文本！測試文本！測試文本！
	

效果圖：

3、外部樣式

如果 CSS 樣式被放置在網(wǎng)頁文檔外部的文件中，則稱為外部樣式表，一個 CSS 樣式表文檔就表示一個外部樣式表。

實際上，外部樣式表也就是一個文本文件，擴(kuò)展名為.css。當(dāng)把CSS樣式代碼復(fù)制到一個文本文件中后，另存為.css文件，則它就是一個外部樣式表。

如下圖所示：

外部樣式表可以通過HTML 的 標(biāo)簽或者@import 命令導(dǎo)入到 HTML 文檔中。

語法：

@import css文件;
@import 'css文件';
@import "css文件";
@import url(css文件);

示例1：使用 標(biāo)簽

	
		
		
		
		
	
	
		
我是被 lianjie-2.css 文件控制的，樓下的你呢？？
		
樓上的，lianjie.css 文件給我穿的花衣服。
	

示例2：使用@import 命令

    @import url(lianjie.css);
    @import url(daoru.css);
    body { background-color: #e4e929; }



    

        
我是被 lianjie-2.css 文件控制的，樓下的你呢？？
        
褸上的，lianjie.css文件給我穿的花衣服。
    

關(guān)于css的樣式有哪些就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。