国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

分享四種方式將CSS樣式導入到HTML中

2020-03-24 16:03:16
字體:
來源:轉載
供稿:網(wǎng)友
在進行頁面布局時,必然會用到CSS和HTML,因為HTML是頁面的主體內容部分,CSS是頁面的表現(xiàn),通俗的講,CSS是給HTML進行化妝的。那CSS的樣式怎么在HTML中實現(xiàn)呢?這時候就需要在HTML中引入CSS文件,今天就和大家聊聊如何將CSS導入HTML中,有需要的可以參考一下。

將CSS導入HTML的方式有四種,分別是行內式,嵌入式,外部樣式。外部樣式又分為import導入式,link鏈接式。

一、行內式,即在HTML標簽中直接加上css樣式,用style添加。

比如:將div中的字體設置為40px,顏色設為紅色。代碼如下:

 div >

效果圖:

樣式1.jpg

二、嵌入式,即將html' target='_blank'>CSS樣式寫在 style type= text/css /style 中,然后將style放在 head /head 之間。

比如:在 style 中寫入樣式,將div的顏色設為橙色,字體為40px。代碼如下:

 html  head  meta charset= UTF-8  title /title  style type= text/css  div{font-size: 40px;color: orange;} /style  /head  body  div 今天星期二 /div  /body  /html 

效果圖:

樣式2.jpg

三、外部樣式(外部樣式又分為import導入式,link鏈接式)

外部樣式就是把css樣式代碼寫在一個單獨的外部文件中,這個外部文件以“.css”為擴展名,然后將其引入需要的HTML中。import導入式和link鏈接式的引入方法不一樣,接下來一一介紹。

1、import導入式,即在 style type= text/css /style 中用@import的URL引入。

比如:用import導入式將div的字體設為40px,顏色為黃色。代碼如下:

 head  meta charset= UTF-8  title /title  style type= text/css  @import url( css/import.css  /style  /head  body  div 今天星期三 /div  /body 

效果圖:

樣式3.jpg

2、link鏈接式,即在 head /head 中添加 link rel= stylesheet type= text/css href= css/index.css / 調用外部css文件來實現(xiàn)樣式效果。

比如:用外部樣式link將div的顏色設置為綠色,字體為40px。代碼如下:

 html  head  meta charset= UTF-8  title /title  link rel= stylesheet type= text/css href= css/index.css /  /head  body  div 今天星期三 /div  /body  /html 

效果圖:

樣式44.jpg

總結:

1、行內式這種方式麻煩,查找不方便,也沒有體現(xiàn)CSS的優(yōu)勢,因此不推薦使用。
2、嵌入式對于大的頁面不推薦使用,對于小的樣式少的網(wǎng)頁可以使用。
3、同樣是外部樣式,import導入式和link鏈接式的區(qū)別在哪里?使用link鏈接式,會在加載頁面主體內容之前加載CSS樣式文件,這樣用戶看到的網(wǎng)頁一開始就是帶有樣式效果的。如果使用import導入式,會在整個頁面加載完成后再加載CSS樣式文件,所以有時候會出現(xiàn)顯示無樣式情況,閃爍一下后再出現(xiàn)設置樣式后的效果。因此從用戶體驗來說,還是建議使用link鏈接式來引入CSS樣式。

以上介紹了4種方式將CSS導入到HTML中,具體用什么方式,還需要看情況決定,但是用的最多的還是link鏈接式,正在學習的小伙伴可以多去練習嘗試,希望對你有幫助!

以上就是分享四種方式將CSS樣式導入到HTML中的詳細內容,其它編程語言

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 余庆县| 天柱县| 界首市| 泸溪县| 高雄县| 合江县| 和林格尔县| 泰安市| 柏乡县| 松滋市| 梁山县| 双柏县| 拉萨市| 瓦房店市| 鹤壁市| 游戏| 嘉祥县| 弥勒县| 十堰市| 滨海县| 清镇市| 呼和浩特市| 巫山县| 广宗县| 邢台市| 宁陕县| 介休市| 吉安县| 乌兰县| 金平| 合水县| 盐池县| 田东县| 章丘市| 进贤县| 伊宁县| 体育| 新乐市| 老河口市| 依安县| 漠河县|