首頁 > web前端 > css教學 > css有哪幾種樣式

css有哪幾種樣式

醉折花枝作酒筹
發布: 2023-01-06 11:16:00
原創
19058 人瀏覽過

css樣式有三種,分別為:1、內聯CSS樣式,語法「<標記style="屬性名:屬性值">」;2、行內CSS樣式,語法「」;3、外部CSS樣式,使用link標籤引入css。

css有哪幾種樣式

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

CSS(全名Cascading Style Sheets,層疊樣式表)是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。

css是一種層疊樣式表,用來表示html樣式的一種程式語言,目前css的最新版本是css3,css是可以做到網頁和內容進行分離的一種樣式語言。

CSS不僅可以靜態修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。

在css進入前端語言之前,很多一部分人都把css當做一種前端語言,發展至今,css不僅能裝飾網頁,也可以配合各種腳本對於網頁進行格式化。

CSS樣式主要包含以下三種類型:

1、行內樣式(內嵌樣式):結構的內部,即寫在標籤內的樣式;寫在標籤的開始部分內部,style屬性當中。

<标记 style="样式的属性名1:样式的属性值1;属性名2:属性值2;......"></标记>
登入後複製

範例:

<div style="color:red"></div>
登入後複製

2、內部樣式(內嵌樣式):寫在HTML頁面內部,存放於head標記當中,樣式寫在style標記內。

<style>选择器 {属性名:属性值;属性名:属性值;......}</style>
登入後複製

範例:

<style>
  bdoy{font-size:14px;} 
</style>
登入後複製

3、外部樣式(外接樣式):寫在css檔案內。

可以使用將css檔案引入HTML頁面中。

<link type="text/css" rel="stylesheet" href="css/main.css" />
登入後複製

使用CSS樣式的優點:

CSS有助於實現負責任的Web設計。 CSS對開發者建立Web網站的影響很大,而且這種影響可能是無止境的。將網頁的大部分甚至是全部的表示資訊從HTML或XML檔案中移出,並將它們保留在一個樣式表中有許多優點,如降低檔案大小、節省網路頻寬以及易於維護等。

此外,網站的表現資訊和核心內容相分離,使得網站的設計人員能夠在短暫的時間內對整個網站進行各種各樣的修改。

CSS簡化了網頁的格式代碼,外部的樣式表也會被瀏覽器保存在快取裡,加快了下載顯示的速度,也減少了需要上傳的程式碼數量(因為重複設定的格式將被只保存一次)。

只要修改儲存著網站格式的CSS樣式表檔案就可以改變整個網站的風格特色,在修改頁面數量龐大的網站時,顯得格外有用。這就避免了一個個網頁的修改,大大減少了工作量。

推薦學習:css影片教學

#

以上是css有哪幾種樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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