本篇內(nèi)容主要講解“總結(jié)CSS基礎(chǔ)知識(shí)”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“總結(jié)CSS基礎(chǔ)知識(shí)”吧!

我們提供的服務(wù)有：成都網(wǎng)站制作、網(wǎng)站建設(shè)、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、龍勝ssl等。為數(shù)千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的龍勝網(wǎng)站制作公司

一、CSS簡介

css:層疊樣式表 英文全名：cascading style sheets
,WEB標(biāo)準(zhǔn)中的表現(xiàn)標(biāo)準(zhǔn)語言,表現(xiàn)標(biāo)準(zhǔn)語言在網(wǎng)頁中主要對(duì)網(wǎng)頁信息的顯示進(jìn)行控制，簡單說就是如何修飾網(wǎng)頁信息的顯示樣式。
目前推薦遵循的是W3C發(fā)布的CSS3.0.
用來修飾XHTML或者XML等樣式文件的計(jì)算機(jī)語言。
1998年5月21日由w3C正式推出的css2.0

二、CSS語法

CSS語法：選擇符{屬性：屬性值；屬性：屬性值；}

選擇符表示要定義樣式的對(duì)象，可以是元素本身，也可以是一類元素或者制定名稱的元素.
屬性：屬性是指定元素所具有的屬性，它是css的核心，css2共有150多個(gè)屬性
屬性值：屬性值包括法定屬性值及常見的數(shù)值加單位，如25px，或顏色值等。
說明：
1）每個(gè)CSS樣式由兩部分組成，即選擇符和聲明，聲明又分為屬性和屬性值；
2）屬性必須放在花括號(hào)中，屬性與屬性值用冒號(hào)連接。
3）每條聲明用分號(hào)結(jié)束。
4）當(dāng)一個(gè)屬性有多個(gè)屬性值的時(shí)候，屬性值與屬性值不分先后順序。
5）在書寫樣式過程中，空格、換行等操作不影響屬性顯示。

三、樣式的創(chuàng)建(內(nèi)部樣式表 外部樣式表 內(nèi)聯(lián)樣式表)

A、內(nèi)部樣式表

語法：

注：使用style標(biāo)記創(chuàng)建樣式時(shí)，最好將該標(biāo)記寫在;

B、外部樣式 

*方法一：外部樣式表的創(chuàng)建：

說明：
使用link元素導(dǎo)入外部樣式表時(shí)，需將該元素寫在文檔頭部，即與之間。
rel（relation）：用于定義文檔關(guān)聯(lián)，表示關(guān)聯(lián)樣式表；
type：定義文檔類型；

*方法二：外部樣式表的導(dǎo)入

注：@和import之間沒有空格 url和小括號(hào)之間也沒有空格；必須結(jié)尾以分號(hào)結(jié)束；

C、內(nèi)聯(lián)樣式 （行間樣式，行內(nèi)樣式，嵌入式樣式、內(nèi)嵌樣式）

語法：<標(biāo)簽 style="屬性：屬性值;屬性:屬性值;">

例：

四、兩種引入外部樣式表link和import之間的區(qū)別

擴(kuò)展知識(shí)點(diǎn)：link和import導(dǎo)入外部樣式的區(qū)別：

差別1：本質(zhì)的差別：link屬于XHTML標(biāo)簽，而@import完全是CSS提供的一種方式。

差別2：加載順序的差別：當(dāng)一個(gè)頁面被加載的時(shí)候（就是被瀏覽者瀏覽的時(shí)候），link引用的CSS會(huì)同時(shí)被加載，而@import引用的CSS會(huì)等到頁面全部被下載完再被加載。所以有時(shí)候?yàn)g覽@import加載CSS的頁面時(shí)開始會(huì)沒有樣式（就是閃爍），網(wǎng)速慢的時(shí)候還挺明顯。
差別3：兼容性的差別：@import是CSS2.1提出的，所以老的瀏覽器不支持，@import只有在IE5以上的才能識(shí)別，而link標(biāo)簽無此問題。
差別4：使用dom(document object model文檔對(duì)象模型 )控制樣式時(shí)的差別：當(dāng)使用javascript控制dom去改變樣式的時(shí)候，只能使用link標(biāo)簽，因?yàn)锧import不是dom可以控制的.

五、樣式表的優(yōu)先級(jí)

A、內(nèi)聯(lián)樣式表的優(yōu)先級(jí)別最高
B、內(nèi)部樣式表與外部樣式表的優(yōu)先級(jí)和書寫的順序有關(guān)，后書寫的優(yōu)先級(jí)別高。

C、作用域：內(nèi)聯(lián)樣式的作用域最小，只能應(yīng)用于當(dāng)前元素，其次是內(nèi)部樣式表，能應(yīng)用于當(dāng)前HTML文件，最后是外部樣式表，能應(yīng)用于所有鏈接的HTML文件。

到此，相信大家對(duì)“總結(jié)CSS基礎(chǔ)知識(shí)”有了更深的了解，不妨來實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

網(wǎng)站欄目：總結(jié)CSS基礎(chǔ)知識(shí)
文章位置：http://biofuelwatch.net/article/pegcdg.html