CSS樣式威海網站製作
CSS樣式威海網站製作
在瀏覽器上運行的網頁實際上是一份HTML文件,這份文件的主體則是由數個HTML標簽所組成,組成文件的標簽依照標簽語義,可以分為兩種類型:係統資源類型、用戶界麵類型。其中用戶界麵類型的HTML標
簽,用於描述顯示在網頁上的各種用戶界麵控件,這些控件提供:輸出數據給用戶或是接受用戶輸入等功能。瀏覽器要顯示網頁給用戶時,這些標簽會顯示在網頁上,瀏覽器會依照這些標簽的類型,在網頁上顯示代表標簽的控件來與用戶互動。
這些用戶界麵類型標簽在瀏覽器內都有一組預設的顯示樣式,這組顯示樣式定義了網頁上顯示標簽時,這個標簽預設的各種顯示樣式,例如,背景顏色、字體大小等.開發人員可以通過CSS樣式表(Cascading Style
Sheets)來更改標簽的顯示樣式,瀏覽器在顯示網頁給用戶時,會依照這些顯示樣式來決定網頁上標簽的顯示外觀。
一個最基本的CSS樣式,需要有上麵範例中的內容,這些內容組成了CSS樣式的基本結構。威海網站製作的開發人員可以在網頁內使用style標簽、link標簽來定義網頁所使用的CSS樣式,瀏覽器在顯示網頁給用戶的時候,會依照這些顯示樣式來決定網頁上標簽的顯示外觀。在這個範例中,可以看到幾個樣式結構的內容。選擇器:首先看到的就是Selector選擇器,在CSS樣式的運行中要更改哪個HTML標簽的顯示樣式是由Selector選擇器來決定的。Selector選封裝了選擇條件的定義,讓瀏覽器選出網頁上要被更改的標簽。另外,Selector選擇器也是作為CSS樣式的根節點,Selector選擇器中可以定義不定數量組成顯示樣式的樣式屬性、樣式內容,並且在每組顯示樣式之間使用“;”來做分隔。.樣式屬性:接著看到的是Property樣式屬性,在CSS樣式的運行中,要更改HTML標簽的哪個顯示樣式是由Property樣式屬性來決定的。 Property樣式屬性使用字符代碼的方式,來決定要更改標簽的哪個顯示樣式,例如,"background-color”代表了要更改背景顏色這個顯示樣式。樣式內容:最後看到的是Value樣式內容,在Css樣式的運行中,要將
HTML標簽的顯示樣式更改為什麽內容是山Value樣式內容來決定的。Value樣式內容使用字符代碼的方式,來更改標簽顯示樣式的內容,例如," background-color:#OOFFOO;”代表了要更改背景顏色這個顯示樣
式為綠色。
威海網站製作上麵範例的HTML文件,是通過style標簽來將CSS樣式加入到HTML文件中。通過這個簡單的範例來對照基本結構,就可以理解CSS樣式的基本結構在網頁中是如何運行的。範例網頁中style標簽之中的內容,就是要套用在標簽上的CSS樣式。.這個CSS樣式使用p標簽來作為選擇器封裝的選擇條件:選擇標簽類型為p的標簽。接著color, background-color分別代表Property樣式屬性,這個結合選擇器封裝的選擇條件就代表了:選擇網頁裏的p標簽,然後更改P標簽的顏色(color)、背景顏色(background-color)這兩個顯示樣式。址後#FFOOOO、 #OOFFOO則是Value樣式內容,在這個樣式內容中,代表p標簽的顏色更改為紅色(#FF0000)、背景顏色更改為綠色(#OOFFOO)。從運行網頁後的結果可以發現,經過這個CSS樣式的定義,網頁上顯示this is HTML Contents的P標簽將會是如CSS樣式所設置的綠底紅字.
威海網站製作就選威海麻豆直播免费版科技!