CSS簡介


一:CSS概述

(1)CSS是指層疊樣式表,這些樣式定義如何顯示HTML元素。這是由於如果是一個大型的網頁,所有代碼都寫在一個HTML文件里面的話,會很不容易管理,同時代碼的簡潔度也不夠,所以講HTML文件內相同的樣式提取出來,寫到專門的CSS文件內,在通過引用的方式得以展現,大大提高了代碼的復用率,提高了整體開發的效率。

(2)CSS語言的特點主要有這幾個特點,豐富的樣式定義,CSS提供了豐富的文檔樣式外觀;易於使用和修改,CSS可以將樣式定義在HTML元素的style屬性中,也可以定義在HTML文檔的header部分,還可以定義在專門的CSS文件中,供HTML文件引用。修改是只需要修改定義的那部分代碼,不需要修改所以使用這個樣式的標簽。易於管理,CSS可以將相同樣式的元素進行歸類,使用同一個樣式進行定義,也可以將某個樣式應用到所有同名的HTML標簽中,也可以將一個CSS樣式指定到某個頁面元素中。如果要修改樣式,我們只需要在樣式列表中找到相應的樣式聲明進行修改。多頁面應用,CSS樣式可以供任何頁面文件都可以將其引用。頁面壓縮,樣式聲明在CSS樣式表中,可以大大的減少HTML頁面的內容,減少頁面加載的時間。

 

二:多重樣式層疊為一個

樣式表允許以多種方式規定樣式信息。樣式可以規定在單個的 HTML 元素中,在 HTML 頁的頭元素中,或在一個外部的 CSS 文件中。甚至可以在同一個 HTML 文檔內部引用多個外部樣式表。

主要有三種樣式表:外部樣式表、內部樣式表、內嵌樣式表,其中,內嵌樣式表擁有最高的優先權

1、內嵌樣式
內嵌樣式是把css的代碼嵌入到html標簽中
<div style="color:red;font-size: 100px;">你好啊 小朋友</div>
語法:
(1)使用style屬性將樣式嵌入到html標簽中
(2)屬性的寫法:屬性:屬性值
(3)多個屬性之間使用分號;隔開

2、內部樣式
在head標簽中使用style標簽進行css的引入
<style type="text/css">
div{color:red;font-size: 100px;}
</style>
語法:
(1)使用style標簽進行css的引入
<style type="text/css">
屬性:type:告知瀏覽器使用css解析器去解析
(2)屬性的寫法:屬性:屬性值
(3)多個屬性之間使用分號;隔開

 

3、外部樣式
將css樣式抽取成一個單獨css文件 誰去使用誰就引用
<link rel="stylesheet" type="text/css" href="demo1.css"/>
語法:
(1)創建css文件 將css屬性寫在css文件中
(2)在head中使用link標簽進行引入
<link rel="stylesheet" type="text/css" href="css文件地址"/>
rel:代表要引入的文件與html的關系
type:告知瀏覽器使用css解析器去解析
href:css文件地址
(3)屬性的寫法:屬性:屬性值


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM