在建網站時CSS樣式表的常見使用方法

來源:鄭州建網站  發布時間:2020-04-27  144 次瀏覽

    在建時CSS和HTML的使用是必要的,要想在瀏覽器中顯示預期的CSS樣式表效果,就要讓瀏覽器識別并正確調用CSS。而CSS樣式放在不同的地方,所產生的作用范圍也是不同的。在HTML中,主要用四種方法引入CSS:行內式、內嵌式、導入式和鏈接式。

css樣式表的四種常見使用方法

  (1)行內式:

<div style="font-size:15px;">行內式,直接在當前行內寫入</div>

    即在標記的style屬性中設定CSS樣式,這種方式本質上沒體現出CSS的優勢,因此不推薦使用。

  (2)嵌入式:

<style type="text/css">
 body{
    margin:0px;
    padding:0px;
    background-color:#f6f6f6;
}
</style>

   在對頁面中各種元素的設置集中寫在<head>和</head>之間的,對于單個頁面來說,這種方式很方便。但是這種方法的使用情況要少的多,最長見得就是訪問量大的門戶網站?;蛘咴L問量較大的企業網站的首頁。與第一種方法比起來,優點突出,弊端也明顯。優點:速度快,所有的CSS控制都是針對本頁面標簽的,沒有多余的CSS命令;再者不用外鏈CSS文件。


  (3)導入式:

<style type="text/css">
@import "../css/style.css";
</style>

  (4)鏈接式:

<link rel="stylesheet" href="/css/style.css" type="text/css" />

    導入式和鏈接式差不多,都是從外部引入CSS文件。但是鏈接式對于客戶端用戶瀏覽網站時,效果會好些。
    鏈接式可以說是現在占統治地位的引入方法。如同IE與瀏覽器。這也是最能體現CSS特點的方法;最能體現DIV+CSS中的內容與顯示分離的思想,也最易改版維護,代碼看起來也是最美觀的一種。
 
    總結:對于一些比較大的網站,為了便于維護,可能會希望把所有的css樣式分類別放到幾個CSS文件中,這樣如果使用連接式引入,就需要幾個語句分別導入CSS文件。如果要調整CSS文件的分類,就需要同時調整HTML文件,這對于維護工作來說,是一個缺陷,如果使用導入式,則可以只引進一個總的CSS文件,在這個文件中再導入其他獨立CSS文件;而鏈接式則不具備這個特性。


上一篇: JS的常見瀏覽器對象模型BOM操作

下一篇: 利用CSS樣式屬性控制讓背景圖片和IMG圖片正常顯示不變形

最新信息
推薦信息
  1. 網頁如何屏蔽常用功能快捷鍵?
  2. 鄭州哪里有便宜的網站存放空間或虛擬主機?
  3. 自己能搭建個人網站嗎,網站建設難不難?
  4. 鄭州SEO優化公司排名首頁案例:鄭州建網站
建企業網站
建企業網站


大满贯麻将游戏单机版 福彩排列7开奖走势图 股票委托交易规则 河北福利彩票排列7 广西快乐十分k线走势 pk10骗局全过程揭秘 腾讯三分彩玩法和技巧 吉林11选5中奖技巧 重庆股票配资 江西快三和值推荐 快3开奖结果吉林