小編給大家分享一下css層疊樣式表有什么用,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
網站建設哪家好,找創新互聯!專注于網頁設計、網站建設、微信開發、成都小程序開發、集團企業網站建設等服務項目。為回饋新老客戶創新互聯還提供了萊蕪免費建站歡迎大家使用!
CSS是 Cascading Style Sheets(層疊樣式表)的縮寫,是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。
CSS主要用于設置網站外觀,讓我們的網站更加絢麗,引人注目;不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。
CSS 能夠對網頁中元素位置的排版進行像素級精確控制,支持幾乎所有的字體字號樣式,擁有對網頁對象和模型樣式編輯的能力。
CSS樣式表可以定義文本和其他HTML標記的顏色、大小和位置,而HTML文件定義內容及其組織方式。把它們分開可以讓你改變配色方案,而不必重寫整個網站。
級聯則意味著應用于父元素的樣式也將應用于父元素中的所有子元素。例如,設置正文的顏色將意味著正文中的所有標題和段落也將是相同的顏色。
指定和使用樣式
包含web頁面或站點樣式表的主要方法有三種:
1、設置標簽的style=""
屬性,稱為內聯樣式;
2、在HTML頭標記中使用<style>標記,稱為嵌入式樣式;
3、創建并鏈接到外部CSS文件,稱為外部樣式表。
基本樣式表通常修改html標記的外觀,如<body>和<p>。在頭文件中使用CSS文件或樣式表時,我們還可以定義樣式類,并使用class="?"
屬性將它們應用于任何元素,但這超出了本簡單指南的范圍。
內聯樣式
特點:
1)、內聯樣式放在代碼中的HTML元素中。
2)、使用內聯樣式時,樣式只會影響你選擇的元素。
3)、內聯樣式沒有選擇器
注:HTML中定義的內聯樣式只適用于它們添加到的標記。
<p style="color:red;">Some red text</p>
嵌入式樣式
特點:
1)、被放置在樣式標簽<style type ="text / css"> </ style>編寫的網頁的頭部部分中。
2)、編寫的樣式將僅用于您使用它的網頁。
3)、嵌入樣式也稱為“內部樣式”
標題中定義的樣式將應用于整個頁面。下面的示例將使頁面中的所有h2標記都以紅色顯示標題。
<head> <style type="text/css"> h2 { color: red; } </style> </head>
外部樣式表
與HTML文件一樣,CSS文件也是純文本,并且通常具有.css文件擴展名;可以通過特定的標簽來將其鏈接到HTML文件中。
特點:
1)、在單獨的文檔中編寫然后附加到各種Web文檔中
2)、修改它可以影響所有你所調用的頁面
3)、便于修改操作
例如,style.css文件內容可以如下所示:
body { background-color: beige; color: #000080;} h2 { color: red;}
然后可以使用<link…>在header頭中引入生效。
<head> <link rel="stylesheet" type="text/css" href="style.css" title="style"> </head>
如今大多數網站使用外部樣式表,外部樣式是在單獨的文檔中編寫然后附加到各種Web文檔的樣式。外部樣式表會影響它們所連接的任何文件,這意味著如果你有一個20頁的網站,每個頁面使用相同的樣式表,當需要改變的話只需編輯該樣式表即可完成這些頁面,這使得長期站點管理變得更加容易。外部樣式表的缺點是它們需要頁面來獲取和加載這些外部文件。并非每個頁面都會使用CSS表格中的每個樣式,因此許多頁面將加載比實際需要的頁面大得多的CSS頁面。
以上是“css層疊樣式表有什么用”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創新互聯行業資訊頻道!
網頁題目:css層疊樣式表有什么用
網站路徑:http://vcdvsql.cn/article34/gdgipe.html
成都網站建設公司_創新互聯,為您提供服務器托管、電子商務、虛擬主機、做網站、網站導航、網站建設
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯