前端之CSS介紹

css（cascadingstylesheet，層疊樣式表)定義如何顯示html元素。

當瀏覽器讀到乙個樣式表，它就會按照這個樣式表來對文件進行格式化（渲染）。

css的語法

css語法可以分為兩部分：

#1、選擇器
#2、宣告
宣告由屬性和值組成，多個宣告之間用分號分隔，如下圖
css的四種引入方式
#

1、行內式
"color: red;font-size: 50px;text-align: center
">egon是乙個非常了不起的人
#2、嵌入式#
3、外部樣式表之匯入式#
4、外部樣式表之鏈結式（企業開發中使用這種方式）

#

1、行內式
行內式是在標籤的style屬性中設定css樣式。這種方式沒有體現出css的優勢，不推薦使用。
"color: red;font-size: 50px;text-align: center
">egon是乙個非常了不起的人
#2、嵌入式
嵌入式是將css樣式集中寫在網頁標籤內的的標籤對中。格式如下：
egon是乙個非常了不起的人
#新建外部樣式表，然後使用匯入式和鏈結式引入
首先在與html檔案同級目錄下有乙個css資料夾，該資料夾下新建乙個外部樣式表mystyle.css,內容為p #
3、匯入式
egon是乙個非常了不起的人
#egon是乙個非常了不起的人
#匯入式與鏈結式的區別:
1、標籤屬於xhtml,@import是屬於css2.1特有的，對於不相容css2.1的瀏覽器來說就是無效的
2、匯入式的缺點：
匯入式會在整個網頁裝載完後再裝載css檔案，因此這就導致了乙個問題，如果網頁比較大則會兒出現先顯示無樣式的頁面，閃爍一下之後，再出現網頁的樣式。這是匯入式固有的乙個缺陷，使用者體驗差。
使用鏈結式時與匯入式不同的是它會在網頁檔案主體裝載前裝載css檔案，因此顯示出來的網頁從一開始就是帶樣式的效果的，它不會象匯入式那樣先顯示無樣式的網頁，然後再顯示有樣式的網頁，這是鏈結式的優點。
#！！！注意點！！！
1、style標籤必須放到head內 ,type="
text/css
"代表文字型別的css
2、type屬性其實可以不用寫，預設就是type="
text/css
"3、設定樣式時必須按照固定的格式來設定，key:value;
其中;不能省略，最後乙個屬性其實可以省略，但我們可以簡單地統一記成不 
能省略就行了
詳細解釋
詳細解釋

css注釋
/*這是注釋*/
 
前端之CSS介紹 選擇器
一 概述 css我們稱呼層疊樣式表 英文全稱 cascading style sheets 它是一種用來表現html 標準通用標記語言的乙個應用 或xml 標準通用標記語言的乙個子集 等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁，還可以配合各種指令碼語言動態地對網頁各元素進行格式化。如果ht...
前端 CSS介紹一
css能夠使網頁元素的樣式更加豐富，讓網頁的內容和樣式拆分開，css是cascading style sheets的首字母的縮寫，意思是層疊樣式表，html只負責文件的結構和內容，內容的表現形式交給css，html文件變得更加簡潔。css基本語法 選擇器 如 div 這是第乙個div 這是第二個di...
前端部分 CSS基礎介紹
css cascading style sheet，層疊樣式表 定義如何顯示html元素。也就是定義相應的標籤語言來定製顯示樣式達到一定的顯示效果。每個css樣式由兩個組成部分 選擇器和宣告。宣告又包括屬性和屬性值。每個宣告之後用分號結束。引用css樣式的方式分為3種 1 便簽行內定義顯示方式 2 ...