首頁 > web前端 > css教學 > CSS是什麼,它的優點有哪些

CSS是什麼,它的優點有哪些

清浅
發布: 2019-05-03 23:06:49
原創
11243 人瀏覽過

對於CSS的使用大家都不陌生,那麼什麼是CSS,它們又有怎樣的優點呢想必大家還不是很了解,今天就將詳細的為大家介紹有關CSS的知識,有一定的參考價值,希望對大家有幫助。

【推薦課程:CSS教學#】

CSS的意思

CSS(Cascading Style Sheets)是一種用來表現HTML等檔案樣式的電腦語言。它主要負責處理網頁的外觀樣式,透過它可以改變

盒子的寬高,文字顏色,字體樣式,段落間距,使用的背景圖像或顏色,根據不同的佈局設計,不同設備的螢幕尺寸變化都會產生不同的變化

CSS的優點

(1)節省時間:可以寫一次CSS,然後在多個HTML頁面中透過外部引入多次重複使用

(2)頁面載入速度更快:透過使用CSS,就不需要每次都編寫HTML標記屬性,只需要編寫一個標記的CSS規則,並將其應用於該標記的所有實例,因此程式碼大大減少也意味著下載時間短。

(3)易於維護 :如果要進行全域更改,則只需更改樣式,所有網頁中的所有元素都會自動更新。

(4)多裝置相容性 :樣式表允許針對多種不同類型的裝置進行最佳化內容。

CSS在瀏覽器中如何運作

瀏覽器在樣式表中從上到下讀取樣式定義。這也說明我們在樣式表中定義的樣式將覆蓋樣式表中先前定義的任何先前樣式,不過我們可以在後面的元素中重新定義則不會被覆蓋

<style>
div{
width:100px;
height: 100px;
background-color: pink;
margin-top:5px;
}
</style>
<div></div>
<div  class="box"></div>
登入後複製

Image 6.jpg

#重新定義後面的元素樣式後

.box{
	background-color: yellow;
}
登入後複製

Image 7.jpg

#CSS的使用

透過為每個元素宣告特定樣式,CSS將應用於網頁中的HTML元素。樣式宣告常常是以格式:

選擇器{
     設定的屬性值

}

div{
width:100px;
height: 100px;
background-color: pink;
}
登入後複製

總結:以上就是這篇文章的全部內容了,希望透過本篇文章,能讓大家對CSS有著更深刻的了解。

以上是CSS是什麼,它的優點有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板