設計一個使用CSS的頁面,應用行內樣式、嵌入式、鏈接式和導入式來使用CSS樣式。
1 回答

嚕嚕噠
TA貢獻1784條經驗 獲得超7個贊
在HTML文件中使用CSS的方式有4種:行內樣式、嵌入式、鏈接式和導入式。
①行內樣式表是最簡單的一種使用方式,該方式直接把CSS代碼添加到HTML的代碼行中,由<style>標記支持。
②嵌入樣式將樣式定義作為網頁代碼的一部分,寫在HTML文檔的<head>和</head>之間,通過<styIe>和</styIe>標記來聲明。嵌入的樣式與行內樣式比較,行內樣式的作用域只有一行,而嵌入的樣式可以作用于整個HTML文檔中。
③鏈接樣式需要首先定義一個擴展名為“.css”的文件(即外部樣式表),比如樣式表文件mystyle.css,該文件包含需要用到的CSS規則,不包含任何其他的HTML代碼。鏈接樣式表的方法就是在HTML文件的<head>部分添加代碼,格式如下。
<link rel="stylesheet" type="text/css" href=" mystyle.css" />
④導入樣式和鏈接樣式的操作過程基本相同,需要在內嵌樣式表的<style>標記中使用@import導入一個外部的CSS文件。導入樣式是HTML文件初始化時將外部CSS文件導入到HTML文件內,作為文件的一部分,類似于嵌入效果。而鏈接樣式則是在HTML標記需要樣式風格時才以鏈接方式引入。
- 1 回答
- 0 關注
- 2048 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消