CSS 循序漸進一畫個瓢

來源:互聯網
上載者:User

   說起來現在介紹樣式表的文章比較多了。其實真正用透樣式表的人並不多,筆者也僅僅就敢說懂得了一點皮毛。大家不信?那下面我就來說說,本文主要也就是從文法和功能兩大方面來說說前文都未提到的一些東西。
   說到文法,似乎只有那些高深的程式語言才有,CSS也有嗎?答案是肯定的,只不過沒有其它語言那麼複雜罷了。特別是它的id和class,完全可以說是C++語言中的類在網頁上的再現。
   它一般怎麼使用呢?首先id部分是必須寫在HTML標頭檔中的< STYLE>說明中的,一般就是把一段css代碼用一個代號來表示,稱為id說明部分。而在引用時就在對象後面加class=id號,來使用這些屬性。瀏覽器會選擇那些引用id的對象具有的屬性來對其進行定義,從而可以縮短你的開發時間。而且代碼也更易讀一些。而相應的,class也有兩種,一種是相關式的,可以給頁面內的某一種tag使用;而另一種就是獨立式的,即你定義的class可以給頁面內的任意一個或多個tag使用。
   空談無益,筆者還是拿一些例子來向大家說明吧。大家不妨看看前文的幾個例子,倘若我把它們合成一個,利用id將其表示出來,然後再在後面引用,效果將是一樣的。
   比如下面這一段,在第二章中曾經使用過的css.將其設定一個id:text1。

 代碼如下 複製代碼
.text1{
text-align: left;
font-size: 15pt;
font-family: 隸書,宋體;
letter-spacing: 3px
color: navy;
line-height: 12pt;
text-indent: .5in;
border: solid 1pt;
}

   然後你在後文中引用:
< P CLASS="text1">你好,這另一個例子。< /P>
   同樣可以得到與第二章例子相同的效果。當然這個class可以多次使用,也可以給多個tag使用。比如< table>,< td>,< form>等等。
   另一方面我想跟大家談談dhtml中擴充的一些css。比如說現在很多地方都在使用的濾鏡(filter)功能。所謂濾鏡,並不是對映像進行了什麼處理,而是在瀏覽器中對使用了該屬性的對象進行一定的修飾。現在能使用的濾鏡有16個之多,這裡並非一篇介紹DHTML的文章,所以筆者也不便贅述。不過可以就其中幾個相當重要好用的給大家講一講。

相關文章

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.