web前台css樣式知識點詳細介紹

來源:互聯網
上載者:User
1. css樣式的優先順序

在html中使用css樣式,很很多種方法

有<link href="ho.css" rel="stylesheet" type="text/css" />外部參考方法

有 直接從<head></head>標籤中 寫控制html的CSS樣式語句

可以直接在想要控制的 標籤當中直接寫入css來控制

優先順序的話:

瀏覽器預設樣式 最低

外部參考樣式 其次

head標籤中 第二

想要控制的標籤中 優先順序最高

2.可以將選取器組合起來

h1,h2,h3,h4,h5{color:green}

中間需要用,號來分隔 這樣他們就會有統一的樣式

同樣的一個元素 也可以給他指定不同的屬性 例如:

p.right{text-align:right}

p.center{text-align:center}

上面這是控制下面 html語句的css樣式

html中的 語句是:

<p class="right"> this is right</p>

<p class="center"> this is center </p>

這樣給P元素 分別指定不同的類名,這樣就可以通過類的名稱來控制 同一種元素的不同樣式了。

3.瀏覽器對css的支援

現在css3.0 有很多很棒 的效果,可是有些瀏覽器對css的樣式的支援 卻不是很到位,例如IE

css3.0的樣式中有的IE9 都不支援,我們現在用的系統一般都是IE7 8 9瀏覽器。對於開發來說 簡直是太痛苦了。

不過Firefox 瀏覽器的強大,幾乎所有的樣式 該瀏覽器都支援,還有google也是非常棒的瀏覽器,運行速度應該是最快的,還有我們國內的 360瀏覽器,他用的是IE核心,基本上也就決定了它的命運。做開發的話我們經常用的瀏覽器 是Firefox google 和IE 不能因為IE不支援就不用,也得用它來調試相容性。

Firefox瀏覽器的 firebug 外掛程式不錯,可以用來前台調試css樣式代碼,改了前台自動修改,不需要每次更改CSS樣式 就得重新整理下頁面。這樣給前台提高了工作效率。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.