css層疊樣式表有什么用

小編給大家分享一下css層疊樣式表有什么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、成都小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了萊蕪免費建站歡迎大家使用！

CSS是 Cascading Style Sheets（層疊樣式表）的縮寫，是一種用來表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個子集）等文件樣式的計算機(jī)語言。

CSS主要用于設(shè)置網(wǎng)站外觀，讓我們的網(wǎng)站更加絢麗，引人注目；不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。

CSS 能夠?qū)W(wǎng)頁中元素位置的排版進(jìn)行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網(wǎng)頁對象和模型樣式編輯的能力。

CSS樣式表可以定義文本和其他HTML標(biāo)記的顏色、大小和位置，而HTML文件定義內(nèi)容及其組織方式。把它們分開可以讓你改變配色方案，而不必重寫整個網(wǎng)站。

級聯(lián)則意味著應(yīng)用于父元素的樣式也將應(yīng)用于父元素中的所有子元素。例如，設(shè)置正文的顏色將意味著正文中的所有標(biāo)題和段落也將是相同的顏色。

指定和使用樣式

包含web頁面或站點樣式表的主要方法有三種：

1、設(shè)置標(biāo)簽的style=""屬性，稱為內(nèi)聯(lián)樣式；

2、在HTML頭標(biāo)記中使用<style>標(biāo)記，稱為嵌入式樣式；

3、創(chuàng)建并鏈接到外部CSS文件，稱為外部樣式表。

基本樣式表通常修改html標(biāo)記的外觀，如<body>和<p>。在頭文件中使用CSS文件或樣式表時，我們還可以定義樣式類，并使用class="?"屬性將它們應(yīng)用于任何元素，但這超出了本簡單指南的范圍。

內(nèi)聯(lián)樣式

特點：

1）、內(nèi)聯(lián)樣式放在代碼中的HTML元素中。

2）、使用內(nèi)聯(lián)樣式時，樣式只會影響你選擇的元素。

3）、內(nèi)聯(lián)樣式?jīng)]有選擇器

注：HTML中定義的內(nèi)聯(lián)樣式只適用于它們添加到的標(biāo)記。

<p style="color:red;">Some red text</p>

嵌入式樣式

特點：

1）、被放置在樣式標(biāo)簽<style type ="text / css"> </ style>編寫的網(wǎng)頁的頭部部分中。

2）、編寫的樣式將僅用于您使用它的網(wǎng)頁。

3）、嵌入樣式也稱為“內(nèi)部樣式”

標(biāo)題中定義的樣式將應(yīng)用于整個頁面。下面的示例將使頁面中的所有h2標(biāo)記都以紅色顯示標(biāo)題。

<head>
   <style type="text/css"> 
       h2 { color: red; }
   </style>
</head>

外部樣式表

與HTML文件一樣，CSS文件也是純文本，并且通常具有.css文件擴(kuò)展名；可以通過特定的標(biāo)簽來將其鏈接到HTML文件中。

特點：

1）、在單獨的文檔中編寫然后附加到各種Web文檔中

2）、修改它可以影響所有你所調(diào)用的頁面

3）、便于修改操作

例如，style.css文件內(nèi)容可以如下所示：

body { background-color: beige; color: #000080;}
h2 { color: red;}

然后可以使用<link…>在header頭中引入生效。

<head>
<link rel="stylesheet" type="text/css" href="style.css" title="style">
</head>

如今大多數(shù)網(wǎng)站使用外部樣式表，外部樣式是在單獨的文檔中編寫然后附加到各種Web文檔的樣式。外部樣式表會影響它們所連接的任何文件，這意味著如果你有一個20頁的網(wǎng)站，每個頁面使用相同的樣式表，當(dāng)需要改變的話只需編輯該樣式表即可完成這些頁面，這使得長期站點管理變得更加容易。外部樣式表的缺點是它們需要頁面來獲取和加載這些外部文件。并非每個頁面都會使用CSS表格中的每個樣式，因此許多頁面將加載比實際需要的頁面大得多的CSS頁面。

以上是“css層疊樣式表有什么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)頁題目：css層疊樣式表有什么用
網(wǎng)站路徑：http://chinadenli.net/article34/gdgipe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、電子商務(wù)、虛擬主機(jī)、做網(wǎng)站、網(wǎng)站導(dǎo)航、網(wǎng)站建設(shè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

css層疊樣式表有什么用