標籤：相容 images 修改 image 插入 瀏覽器 class href styles
首先簡單理解瀏覽器與網頁的互動過程
CSS樣式表（stylesheet）
cascading style sheet 階層式樣式表
表現HTML或XHTML檔案樣式的電腦語言：包含對字型、顏色、邊距、高度、背景圖片、網頁定位等設定
css優勢：內容於表現分離
網頁的表現統一，容易修改
豐富的樣式，使得頁面配置更加靈活
減少網頁的代碼量，增加網頁的瀏覽速度，節省網路頻寬
運用獨立於頁面的css有利於網頁被搜尋引擎收錄
插入CSS樣式表分為三種：
連結式與匯入式的區別 1 <link rel=”stylesheet” type=”text/css” href=”path”>
<style type="text/css"> @import url(path); </style> <link/> 標籤屬於XHTML，@import是屬於CSS2.1 使用<link/> 連結的CSS檔案先載入到網頁當中再進行編譯顯示 使用@import匯入的CSS檔案，用戶端顯示HTML結構，再把CSS檔案載入到網頁當中 @import是屬於CSS2.1特有的，對不相容CSS2.1的瀏覽器是無效的
|
CSS代碼寫在<head>的<style>標籤中 <style> h1{color:green;} </style> 優點：方便在同頁面中修改樣式 缺點：不利於在多頁面間共用複用代碼及維護，對內容與樣式的分離也不夠徹底。 |
使用style屬性引入CSS 樣式 <h1 style=”color:red;”>style屬性的應用</h1> <p style=”font-size:14px;color:green;”>直接在HTML標籤中設定樣式</p> |
CSS三種插入樣式表格式
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
