css樣式有三種,分別為:1、內聯CSS樣式,語法「標記>」;2、行內CSS樣式,語法「」;3、外部CSS樣式,使用link標籤引入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中文網其他相關文章!

在本週的綜述中:Firefox獲得了類似鎖匠的力量,三星的Galaxy Store開始支持Progressive Web Apps,CSS Subgrid正在Firefox發貨

在本週的綜述中:Internet Explorer進入Edge,Google搜索控制台吹捧新的速度報告,而Firefox給出了Facebook&#039; s Notification

蓋茨比(Gatsby)進行了出色的處理和處理圖像。例如,它可以幫助您節省圖像優化的時間,因為您不必手動


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

EditPlus 中文破解版
體積小,語法高亮,不支援程式碼提示功能

DVWA
Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

Dreamweaver CS6
視覺化網頁開發工具

SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。