表现形式CSS
CSS(Cascading StyleSheets的縮寫),翻譯為“層疊樣式表”或者“級聯樣式表”,簡稱樣式表
Cascading StyleSheets 的首字母縮寫,意思是層疊樣式表。有了CSS,html中大部分表現樣式的標簽就廢棄不用了,html只負責文檔的結構和內容,表現形式完全交給CSS,html文檔變得更加簡潔
用來給HTML網頁來設置外觀或者樣式:HTML網頁中的文字的大小、顏色、字體,網頁的背景顏色、背景圖片
CSS的3種書寫方式:
1、行內式(內聯式):
將CSS代碼書寫在HTML標簽的style__屬性中;style是一個通用屬性,每一個標簽里面都擁有這個屬性!
<div style="width:100px; height:100px;background:red ">......</div>?
2、嵌入式:
-?? 將CSS代碼嵌入到HTML文件中,嵌入式是通過HTML中的_style標簽_將CSS代碼嵌入到HTML網頁中!
<style type="text/css"> div{ width:100px; height:100px; background:red } ......</style>`3、外鏈式:
外鏈式是指單獨寫一個以.css為擴展名的文件,然后在head標簽中使用link標簽,將這個css文件鏈接到html文件中
注意:css文件不能單獨的運行,它必須要依賴于HTML文件!
| 書寫方式 | 寫法 | 特點 |
| 行內式 | <p style=“color:red”>一段文字</p> | 樣式過多,會造成代碼重復度高 |
| 嵌入式 | <head> ???? <style> ?????? p{color:red} ?? </style> </head> | 多網頁,同樣的代碼設置重復 |
| 外鏈式 | <head> <link href=“./css/test.css” > </head> | HTML和CSS結構分離,便于查找和管理 |
?
?
?
總結
- 上一篇: linux中的集线器、交换机、路由器及组
- 下一篇: 编程竞赛控制系统(PC2)使用说明书