初識CSS 類選擇器

2021-08-30 09:08:44 字數 324 閱讀 4956

物以類聚人以群分,網頁中的元素也是一樣的

在頁面中總有很多元素擁有一模一樣的外觀,比如:一樣的大小,同樣的顏色

那麼我們如果繼續使用id選擇器乙個乙個去設定樣式就會很麻煩

這個時候我們可以選擇類選擇器來寫樣式

如果想給兩個h1標籤同樣適用於一種樣式的話,我們用類選擇,給兩個h1標籤新增class=「red」

這樣,兩個h1標籤中的文字就都會變成紅色

類選擇器的好處就是只用寫一遍樣式,哪個元素如果想使用這種樣式,只用新增class屬性即可,不需要重複寫一種樣式,極大的增加了編寫效率。

初識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,基礎選擇器

css全稱 cascading style sheet 層疊樣式表 html 規定網頁上有什麼內容。css 規定網頁上這些內容的樣式。使用 html寫樣式的缺點 1.比較臃腫。2.可讀性比較差。3.不便於維護。4.對搜尋引擎不友好,搜尋引擎更關心內容 使用 css寫樣式的優點 1.比較簡潔 2.可讀...