css全稱 cascading style sheet（層疊樣式表）
html：規定網頁上有什麼內容。
css：規定網頁上這些內容的樣式。
使用 html寫樣式的缺點：
1.**比較臃腫。
2.可讀性比較差。
3.不便於維護。
4.對搜尋引擎不友好，搜尋引擎更關心內容
使用 css寫樣式的優點：
1.**比較簡潔
2.可讀性比較強
3.便於維護
4.更關心內容，對搜尋引擎比較友好。
如何去使用css
基礎語法：
選擇器選擇器：選擇頁面中哪些元素去做樣式的修改。
宣告：要做什麼樣的樣式修改。
宣告：都是由屬性和屬性值組成的。中間用：，以分號結尾。
css對縮排和空格不敏感，咱們可以通過合理的縮進來提高**的可讀性。
css分為五類：文字，盒子，浮動，定位，背景。
文字： 字型，大小，顏色。
盒子：寬，高，背景色，邊框。
css書寫位置分為：行內式，內嵌式，外鏈式，匯入式。
行內式寫法直接寫在標籤style屬性中
行內式：寫法簡單。
缺點：1.結構和樣式沒有分離。
2.只對當前的標籤生效。不能夠復用。
開發中不推薦使用。
內嵌式：
寫法：在這裡插入**片使用style標籤，在head標籤內。
css屬性寫在style標籤內
缺點：
1.如果樣式比較多，頁面**會比較多。
2.只對當前頁面生效。如果說多個頁面有共同的樣式，需要寫多次。
優點：
結構和樣式分離。
樣式可以復用。
外鏈式 ：
寫法：
在這裡插入**片通過link標籤，引入外部的css檔案。
優點：
結構和樣式分離。
樣式可以復用。
可以多個頁面使用。
匯入式：
寫法：
在這裡插入**片>
@import
url(css/demo.css);
style
>
選擇器：選擇頁面上的元素進行樣式的修改。
標籤選擇器：
通過標籤名來選擇相應的標籤。
會選擇頁面中所有的相應標籤，不管巢狀關係是怎麼樣的。
用途：a標籤，li標籤。利用標籤選擇器，進行預設樣式的初始化。
因為標籤選擇器會選擇頁面中所有的相應標籤，實際工作中，不會用來更改某乙個標籤的樣式。
id選擇器：
通過給標籤設定乙個id值，然後通過這個id值來選擇標籤。
寫法：
在這裡插入**片 #idid值的寫法規範：以字母開頭，後面可以是數字，下劃線或橫線。
痛點：
假如有多個標籤，有同樣的樣式，使用id選擇器的時候，需要分別給他們設定id值，然後再重複的設定一樣的樣式。
id常用場景：不是用來設定樣式，配合js去新增事件的。
類選擇器
通過標籤的class屬性來選擇相應的標籤。
class值是可以重複的。
寫法：
.class屬性值class屬性是可以有多個的。命名規則與id值是一樣的。字母開頭，後面跟 數字，下劃線，橫線。
css樣式書寫樣式 最多的選擇器就是類選擇器。
萬用字元：
寫法：*
可以選擇包括body在內的所有標籤。
現在不常用。因為效率不高。
有的標籤沒有相應的屬性，有的標籤有相應的屬性，這個時候使用萬用字元，所有的標籤都會去執行一次。
初識css與css選擇器
初識css css的全稱為cascading style sheet 層疊樣式表，它的主要作用是為我們的html標籤新增各種各樣的樣式和修飾效果。這裡我總結的css屬於css2.0的知識點，css3.0的知識我打算在後面的文章裡面總結。其實html css部分的知識點總共站前端的知識總量的1 2 但...
css初識和css選擇器
一.css是什麼 css cascading style sheet 定義如何顯示html元素,給html設定樣式,顯得更為美觀.二.css的引入方式 1.行內引入 在標籤中新增乙個style是屬性,屬性值就是設定的樣式 2.內接引入 在head標籤中新增乙個style標籤,在標籤內寫要設定的樣式 ...
初識CSS 類選擇器
物以類聚人以群分，網頁中的元素也是一樣的 在頁面中總有很多元素擁有一模一樣的外觀，比如 一樣的大小，同樣的顏色 那麼我們如果繼續使用id選擇器乙個乙個去設定樣式就會很麻煩 這個時候我們可以選擇類選擇器來寫樣式 如果想給兩個h1標籤同樣適用於一種樣式的話，我們用類選擇，給兩個h1標籤新增class r...