溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

CSS基礎(chǔ)知識有哪些

發(fā)布時間：2022-02-25 16:59:43 來源：億速云 閱讀：100 作者：iii 欄目：web開發(fā)

這篇文章主要講解了“CSS基礎(chǔ)知識有哪些”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“CSS基礎(chǔ)知識有哪些”吧！

一、為什么使用div+css

1、實現(xiàn)表現(xiàn)和樣式相分離

2、有利于搜索引擎爬蟲

3、提升了網(wǎng)頁訪問速度

4、瀏覽器兼容性

二、css引入的3種方式

1、內(nèi)部引用，在html文檔中在<style>標(biāo)簽里面寫的css樣式

<style> bdoy{font-size:14px;} </style>

2、外部引用，用<link>標(biāo)簽引用外部的css文件，將樣式引用到html文檔來。

<link rel="stylesheet" href="float.css">

3，在標(biāo)簽中使用，使用style屬性將當(dāng)前的標(biāo)簽樣式改變。

<div style="color:red"></div>

三、CSS語法

1、基礎(chǔ)語法

selector {declaration1; declaration2; ... declarationN }

每條聲明由一個屬性和一個值組成。

屬性（property）是您希望設(shè)置的樣式屬性（style attribute）。每個屬性有一個值。屬性和值被冒號分開。

例如：

p {

2、CSS選擇器

在 CSS 中，類選擇器以一個點號顯示：

類選擇器，類選擇器以一個點號顯示。

.center {text-align: center}

id選擇器 ，id 選擇器以 "#" 來定義。

#green {color:green;}

元素選擇器

html {color:black;}

后代選擇器：選擇作為某元素后代的元素。

div.span{background:blue;}

css的選擇器還有很多，例如偽類選擇器、兄弟選擇器、交集選擇器，這里就不一一介紹

感謝各位的閱讀，以上就是“CSS基礎(chǔ)知識有哪些”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對CSS基礎(chǔ)知識有哪些這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！

向AI問一下細節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI
助
手