css樣式表的設計與實現(xiàn)

css樣式表的設計與實現(xiàn)

as-totakes英語課程的縮寫，意思是堆疊類。它是一種常用的網頁制作技術,CSS樣式表可以對網頁文檔的格式進行定義,定義CSS樣式表后,網頁文檔中相應文本的格式將自動和定義格式相匹配,這樣,凡是應用該CSS樣式表的網頁元素就會具有相同的屬性,使用起來非常方便。一、靈活的tp-ls-層序技術CSS樣式表在網頁制作中的作用如同word中的樣式表一樣,是通過用事先定義好的樣式來格式化網頁中的元素,但網頁中的CSS樣式表更加靈活。利用CSS技術,可以有效地對頁面的布局、字體、顏色、背景和其他效果實現(xiàn)更加精準的控制。它既可以作為一個外部文件鏈接使用,也可以只作用于當前的樣式表中,其代碼可直接添加在HTML源代碼中。二、在網絡風格表中的語法規(guī)則1.生成文件的統(tǒng)一性格式:<tagstyle=”properties”>網頁內容……</tag>特點:可將樣式靈活應用于各標簽中,但沒有整篇文件的統(tǒng)一性。2.添加頭信息的集合元素[頭]，即組成元素[頭部]特點:整篇文件統(tǒng)一,只要是有聲明的元件,即會套用該樣式的規(guī)則,但個別元件的靈活性不強。3.外來文件的變化特點:可以將多個HTML文件都連接到一個中心樣式文件中,這個外部的樣式文件將設定所有頁面的規(guī)則,如果改變樣式表文件中的某一個細節(jié),則所有頁面都會隨之改變,從而減少了大量代碼。4.引用數(shù)據選取格式:先定義類別名<屬性:值>,后引用<標志符class=類別名>網頁內容。特點:可以讓不同的標記套用統(tǒng)一規(guī)則,實現(xiàn)同一樣式規(guī)則的多處應用。三、在網絡風格表中1.百分號“%”一個百分比值由可選的“+”或“-”,鏈接一個數(shù)字和百分號“%”。在一個百分比值中是沒有空格的,百分比值相對于其他數(shù)值,同樣可以用于定義其屬性。2.有效單位的選擇CSS支持相對長度單位和絕對長度單位。相對值單位確定一個相對于另一長度屬性的長度,能更好地適應不同的媒體,在CSS應用中是首選的。有效的長度單位有:px(相對于屏幕分辨而言的),em(相對于當前對內文本的字體尺寸),ex(相對字母x的高度)。絕對長度單位視輸出介質而定,有效單位有in(英寸)、cm(厘米)、pt(點)、pc(帕)。它們之間的轉換關系是1in=2.54cm,1pt=(1/72)in,1pc=12pt。所以絕對單位遜色于相對單位。3.顏色單位顏色值是一個關鍵字或一個RGB格式的數(shù)字。RGB顏色可以有四種形式:#RRGGBB(如:#1021E1,用十六進制數(shù)符表示);#RGB;#RGB(x,x,x),其中x是一個介于0至255之間的整數(shù);RGB(y%,y%,y%),其中y是一個介于0至100之間的整數(shù)。四、在表達系統(tǒng)中選擇aso2的方法分類1.做“.”的“.”該樣式可以對所有的網頁元素進行定義,定義樣式后需要手動對網頁元素進行樣式的應用。在命名時通常以“.”開頭,如“.img{font-size:12px}”。類選擇器類型通常并不是專門針對HTML文檔中某類標簽定義的元素,它實際上是一種用戶自定義的CSS樣式規(guī)則,設計者可以按自己的需要創(chuàng)建一個CSS樣式規(guī)則,然后將該規(guī)則應用于頁面中需要以這些樣式呈現(xiàn)的任何元素。2.直接名稱的加標該樣式只能對HTML標簽進行樣式的定義,在定義樣式之后,將自動進行樣式的應用。在命名時直接用標簽名稱,如“body{background-color:#999999}”。當用戶為網頁文檔添加了標簽選擇器類型CSS樣式規(guī)則后,添加的樣式將直接應用到文檔中,而不需專門為這些元素設置引用該CSS規(guī)則。3.a添加標識時對象無聚焦該樣式可以對超級鏈接的樣式進行定義,也可以對網頁中各元素的樣式進行定義,定義樣式后會自動進行樣式的應用。在偽類選擇器中有4個選項可以選擇:a:link,對應超級鏈接對象的正常狀態(tài),既沒有聚焦在該對象上,也沒有使用鼠標劃過對象;a:visited,對應超級超級鏈接的目標文檔被當前訪問過并保留有訪問記錄的狀態(tài);a:hover,對應超級鏈接對象在鼠標經過時的狀態(tài);a:active,對應超級鏈接被聚焦時的狀態(tài)。當用戶在設置偽類選擇器類型時,通常情況下都需要設置這4個選項的屬性,其原因是瀏覽器通常都有自己默認的一套對超級鏈接對象各個狀態(tài)設置的參數(shù),如果設計者僅對某個狀態(tài)的屬性不進行設置,該狀態(tài)將按瀏覽器默認的設置參數(shù)顯示,這樣往往會造成最終的超級鏈接顯示效果不統(tǒng)一進而影響整體效果的呈現(xiàn)。五、利用層壓板的制作功能CSS在網頁制作中有著很重要的作用,在網站的實際開發(fā)中,對于CSS的編寫可以在常用的文本編輯器中輸入代碼,也可以在Dreamweaver軟件中編輯CSS樣式表。在網頁制作時,只要按照一定的規(guī)則加入CSS樣式