<address id="xpjh9"><listing id="xpjh9"><meter id="xpjh9"></meter></listing></address>

<address id="xpjh9"><address id="xpjh9"><listing id="xpjh9"></listing></address></address>
<noframes id="xpjh9">
<noframes id="xpjh9">

<address id="xpjh9"><address id="xpjh9"><listing id="xpjh9"></listing></address></address>
    <form id="xpjh9"></form><address id="xpjh9"><listing id="xpjh9"><menuitem id="xpjh9"></menuitem></listing></address>

      <noframes id="xpjh9">
      VB.net 2010 視頻教程 VB.net 2010 視頻教程 VB.net 2010 視頻教程
      SQL Server 2008 視頻教程 c#入門經典教程 Visual Basic從門到精通視頻教程
      當前位置:
      首頁 > 網站開發 > 網頁設計 >
      • css教程之一、什么是CSS?

      • 2015-01-19 14:27 來源:未知
      CSS手冊簡編:總論(相關css教程
      自W3C(The World Wide Web Consortium)制定了代號為Cougar的HTML的4.0版本以來,存在在Web頁面中的動態效果首次被正式的承認了,W3C把動態超文本(Dynamic HTML)的實現分為了三個部分:腳本、支持動態效果的瀏覽器和CSS。前兩者也許你經常用到,但CSS是什么或許你并不清楚,如果有過制作Web頁面的經歷,你可能聽說過樣式單或風格單,如果對此你亦無耳聞,不要緊,只要你想制作出具有更多新特性的Web頁,本文將同樣適合于你。(請使用IE4或IE5對CSS手冊中的屬性實例進行驗證)

      一、什么是CSS

      CSS是Cascading Style Sheet的縮寫,有些書上把它譯為"層疊樣式單"或"級聯樣式單"(下文簡稱"樣式單"),在1997年W3C頒布HTML4標準的同時也公布了有關樣式單的第一個標準CSS1。樣式單是對以前的HTML(3.2以前的HTML版本)語法的一次重大革新,以前的HTML版本中,各種功能的實現是通過標記元素實現的,這也造成了各個瀏覽器廠商為了標新立意創建各種只有自家支持的標記,各種標記互相嵌套,就可以達到不同的效果,比如要在一段文字中把一部分文字變成紅色,HTML3.2中應該是這樣的:
      <p><font color=red>這里顯示紅色字</font></p>
      而在樣式單中,把某些標記(如上例中的"font"標記)屬性化,利用樣式單,上例可以變成:
      <p style="color:red">這里顯示紅色字</p>
      這就是樣式單的全部功能嗎?遠遠不是!前面說過樣式單是DHTML的一部分,建立樣式單的真正意義在于把對象真正引入了HTML,使得可以使用腳本程序(如Javascript、VBScript)調用對象屬性,并且可以改變對象屬性,達到動態的目的,這在以前的HTML中是無法實現的,如果你使用過如VB等面向對象的編程工具,你會更快的發現,用樣式單做DHTML是多么容易。樣式單的另一項貢獻是簡化了HTML中各種繁瑣的標記,使得各個標記的屬性更具有一般性和通用性,并且樣式單擴展了原先的標記功能,能夠實現更多的效果,樣式單甚至超越了Web頁面的本身顯示功能,而把樣式擴展到多種媒體上,顯示了難以抗拒的魅力。
      樣式單自從CSS1的版本之后,又在1998年5月發布了CSS2版本,樣式單得到了更多的充實。Internet Explorer4和Netscape Navigator4都宣傳支持樣式單,但從各方面來看IE4的效果都要超過NE4,這是因為IE4和NE4的Javascript文檔模型(DOM)不同而造成的,從表面看,二者的模型區別不大,但實質上卻是大相徑庭,IE4的模型能夠更加容易的把動態效果引入Web頁面,雖然現在IE4的模型只有微軟自己支持,但它卻已被清楚的寫入了W3C的DHTML標準;而NE4的樣式單并不能通過腳本調用對象的屬性,說的不好聽一點,它的樣式單只是徒有其表罷了。(Netscape公司自己開發了一種樣式單稱作JSSS,它利用Javascript來定義樣式,但是并沒有得到W3C的承認。)

      二、進一步了解樣式單

      Cascading Style Sheet中的Cascading是"層疊"的意思,也就是說在同一個Web文檔中可以有多個樣式單存在,這些樣式單根據所在的位置,擁有不同的優先級,優先級越高,就會被最后在顯示時采用。從樣式單插入的形式來看可以分為三種:
      ·         內聯式樣式單:它利于現有的HTML標記,把特殊的樣式加入到那些由標記控制的信息中,比如剛才的例子。
      ·         嵌入式樣式單:它和Javascript一樣可以嵌入到HTML文件的頭部中去(<html>和<body>標記之間),使用<Style>和</Style>容器裝載,例如:"<style> p {color : red ; font-weight : bold} </style>",這樣會對頁面中所有<p>標記都起作用。
      ·         外部式樣式單:是一種保存在外部的樣式單文件,外部文件以.CSS為擴展名,例如"<link rel=stylesheet href="http://www.webjx.com/htmldata/2006-02-15/main-sheet.css" type="text/css">"。
      在應用時可以根據需要隨意運用以上三種方式,但在實際中內聯式樣式單和嵌入式樣式單使用得更多一些。
      三、樣式單的語法特征

      樣式單有自己獨特的書寫方法,掌握了它的語法特征,再了解它的各種屬性,那么你會發現在Web頁面中運用樣式單會是多么輕松。例如有一個最簡單的HTML文檔:
      <html>
      <body>
        <p>Text goes here…<p>
      </body>
      </html>
      我們可以用嵌入式樣式單規定樣式。
      <html>
      <style>
      <!--
        p {color:red; font-weight : bold}
      - ->
      </style>
      <body>
        <p>這里顯示紅色字</p>
      </bdoy>
      </html>
      可以看到,在這個文檔里,多了"Style"標記,之間用<!-- ……… - ->注釋,以防止不能識別樣式單的低版本瀏覽器把樣式單當作內容顯示出來,然后是關鍵的一句:
      p {color:red;font-weight : bold }
      這整行稱為一個聲明(Statement),在樣式單中,聲明分為兩種,一種是象這樣的,叫做"rule set",另一種則稱為"at-rule"。
      At-rule以"@"作為關鍵字,放在元素的最前面,at-rule通常用來對媒體(Media)的聲明,并且如果對同一個at-rule進行聲明,那么只有位置靠前的會起到作用,如:
      @import "subs.css"
      H1 {color:blue}
      @import "list.css"
      后一個At-Rule無效。

      而rule set就象我們前面看到的樣子了,它由幾個部分組成,其中包括選擇器、屬性和屬性值。一般的書寫是這樣的:
      Selector1 {property1:value1; property2:value2;……}
      Selector2 {……}
      其中剛才例子中的"P"代表段落標記元素,為選擇器,"{}"為一個塊(Block),表示對標記屬性的聲明(Declaration),有多個屬性的時候使用";"隔開,屬性在樣式單中的一般表示方法是前面是一類屬性的名稱,后面是具體屬性的名稱,中間用"-"隔開,而在腳本中使用屬性的時候,則把"-"去掉,并把第二部分的開頭字母大寫。屬性值的表示可以使用10進制,16進制數值(如#FFFFFF),百分數(如100%),字符串,URL(如url(http://www.sdbysy.com))和RGB(如rgb(255,255,255))等多種方式表示。下面我將對其中的重點部分進行更詳細的解釋。
       
      相關教程
      江苏快3 乐平 | 台山 | 博尔塔拉 | 金坛 | 资阳 | 湖北武汉 | 宣城 | 吕梁 | 宝鸡 | 承德 | 钦州 | 中卫 | 锡林郭勒 | 绵阳 | 娄底 | 玉环 | 泸州 | 果洛 | 松原 | 公主岭 | 徐州 | 灌南 | 和田 | 正定 | 临汾 | 白沙 | 赤峰 | 深圳 | 玉林 | 梧州 | 海拉尔 | 邢台 | 台北 | 东阳 | 铜仁 | 株洲 | 白银 | 荆州 | 淮南 | 克孜勒苏 | 桂林 | 浙江杭州 | 长葛 | 泰州 | 武夷山 | 松原 | 汉中 | 林芝 | 韶关 | 四川成都 | 顺德 | 吴忠 | 铜川 | 南阳 | 公主岭 | 乐清 | 和县 | 防城港 | 贵港 | 遵义 | 承德 | 香港香港 | 云南昆明 | 湖南长沙 | 大同 | 库尔勒 | 台中 | 玉溪 | 阿克苏 | 汉中 | 德清 | 萍乡 | 诸城 | 德清 | 定州 | 阿里 | 金华 | 泸州 | 平潭 | 山南 | 朔州 | 章丘 | 张家口 | 许昌 | 长兴 | 绍兴 | 凉山 | 牡丹江 | 伊春 | 盘锦 | 建湖 | 神木 | 葫芦岛 | 湖州 | 台南 | 沭阳 | 鹤岗 | 延安 | 余姚 | 福建福州 | 白沙 | 怀化 | 随州 | 新乡 | 芜湖 | 海东 | 宁波 | 洛阳 | 广西南宁 | 无锡 | 图木舒克 | 东方 | 昆山 |