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 支援拖放。注釋...