7>css樣式表在frontpage10中的嶄新應用

css在網頁效果處理中一直比較受關注,一般情況下應用css到指定的網頁中可以采取兩種不同的方法,外部風格頁與內部風格定義.

2,內部風格頁解析

雖然外部風格頁有著前面介紹過的不少好處,但在應用的靈活性上畢竟存在著很多缺點,比如他只能對某一范圍(html代碼,css選擇器等)的內容進行格式.而往往有些時候我們需要的不是對同類內容作相同的格式.這時內部風格定義就顯得很重要了.

  "format"-"style"進入"樣式"窗口,如圖

在frontpage中,內部樣式被分成兩大部分:html tags和use defined styles.

1)html tags

即對網頁中的html代碼進行定義的樣式類型,應用以后所有使用該代碼的內容都會被賦予同樣的樣式效果.

除了一般的html標記外,在這里還包括幾個常用的css樣式選擇器:

a:link(對鏈接文本有效);a:active(激活鏈接有效);a:visited(已訪問文本有效);a:hover(鼠標懸停狀態有效).其中最后一個在大多網頁中是比較常見的.包括一些知名的大型網站中.

2)use defined styles

相對html tags ,自定義樣式就顯得靈活的多了,在"list"列表中選擇"use defined styles",單擊右邊的"new"按鈕.如圖

需要注意的是這里的css樣式有兩種不同的類型,即class屬性和id屬性.

建立class類時,在"name"輸入框鍵入以"."開頭的名字,比如格式顏色為紅色的樣式.

建立id類時,在"name"輸入框鍵入以"#"號開頭的名字.

然后單擊下面的"format"按鈕,下拉菜單如圖

選中不同的菜單項,分別進行設置即可.注意所有已建立的自定義樣式會自動在"樣式"窗口左邊的列表中顯示出來,單擊"modify"按鈕可以進行再編輯.

那么如何對不同的選定對象應用內部風格定義呢?很簡單,在網頁中通過鼠標選中待格式對象,然后調出樣式窗口,在列表中選定要使用的樣式名稱,單擊ok就完成了.