html5入門 1 html5樣式的引入

2021-07-22 22:17:34 字數 1293 閱讀 5086

html5提供了三種常用的引入樣式,分別為內嵌樣式、內部樣式和外部樣式

一、內嵌樣式

1.內嵌樣式特點

語法:在標籤中寫乙個style屬性,例如:;

優點:優先順序較高;

缺點:不易修改,維護困難,**量非常大,存在**冗餘;

2.舉例說明,建立乙個檔名為」內嵌樣式「的div標籤,要求背景寬度100畫素,高度100畫素,顏色為紅色,**如下:

我是div

說明,width:100px表示寬度100畫素,height:100px表示高度100畫素,bcakground:red表示紅色背景;

注意,style中的屬性用雙引號括起來,屬性之間分號隔開,以分號結束。

產生效果如下:

我是div

二、內部樣式

1.內部樣式特點

語法:在head標籤寫乙個style標籤,在style標籤裡面通過選擇器來選擇標籤控制body中的樣式

;優點:不需要載入伺服器,載入速度非常快;

缺點:不利於**擴充套件和重新使用。

2.舉例說明,建立乙個檔名為」內部樣式「的div標籤,要求背景寬度50畫素,高度50畫素,顏色為藍色,**如下:

我是div

說明,type=」text/css「表示指定type樣式的型別為css樣式,div選擇器中的屬性之間用分號隔開。

以上**產生的效果如下:

我是div

三.外部樣式

1.外部樣式特點

語法:新建乙個外部css檔案,在css檔案裡面通過選擇器來控制樣式,在head標籤裡面用link來關聯這個外部檔案

優點:通用性強,有利於擴充套件

2.舉例說明,建立乙個檔名為「外部樣式」的檔案,要求背景寬度200畫素,高度300畫素,背景紅色。

其中外部css檔案**如下:

div
html檔案**如下:

我是div

說明,link用來關聯外部路徑,rel:relationship的英文縮寫,rel屬性用於定義連線的檔案和html文件之間的關係。stylesheet的意思就是樣式呼叫,rel=stylesheet指定乙個固定或首選的樣式,href指呼叫檔案位址,此處為相對位址。

以上**產生效果如下:

我是div

四.樣式的優先順序

相同權值的情況下,css樣式樣式一般為就近原則,即內嵌樣式》內部樣式》外部樣式

HTML5入門 DAY1 HTML基礎

html的基本語法 1 常規標記 標記 屬性 屬性值 屬性 屬性值 2.空標記 標記 屬性 屬性值 例如 1 文字標題 h1 h6 文中分類小標題h4 二級標題 六級標題 html標題標籤使用原則 h1在乙個網頁中最好只使用一次,如對乙個網頁logo使用。2 段落文字 p 段落文字內容 標識乙個段落...

HTML5急速入門

基礎 段落標籤 換行標籤 水平分割線 斜體 強調斜體 加粗強調加粗 標題標籤 字型加粗 自佔一行 上標 下標 下劃線刪除線 無意義的行級標籤 無意義的塊級標籤 設定字的大小 顏色 字型 blank 新建視窗開啟 self 在本視窗開啟 parent 父視窗開啟 top 頂級視窗開啟 2錨點 1 定義...

HTML5學習之 HTML 5 拖放

拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...