玩過了上一章節教的,不知道您有沒有發現問題? 沒錯!如果您要同時套用一個設定在多段文字上,是不是要很麻煩的寫好多遍而且要改一個東西要改好多遍呢? 阿得在這裡介紹給您一個新的方法!
玩過了上一章節教的,不知道您有沒有發現問題? 沒錯!如果您要同時套用一個設定在多段文字上,是不是要很麻煩的寫好多遍而且要改一個東西要改好多遍呢? 阿得在這裡介紹給您一個新的方法! <head>
<style>
<!--
.text1{font-size:9pt; font-family:arial; text-decoration:underline; font-weight:bold; color:green}
-->
<style>
</head>
<body>
<font class="text1">
這是設定過後的文字
<font>
</body> 這邊就不講解囉!您應該看得出來,你把樣式宣告在上面然後用class=來帶入,上面的.text的是讓瀏覽器知道當一個標籤套用class=text的時候就套用這個宣告中描述的樣式。
輸出結果如下:
雖然樣子差不多但是可方便的多了喔!
STEP2:【帶入更多】 <head>
<style>
<!--
.text1{font-size:9pt; font-family:arial; text-decoration:underline; font-weight:bold; color:green}
.text2{font-size:12pt; font-family:impact; text-decoration:none; font-weight:boldder; color:orange}
-->
<style>
</head>
<body>
<font class="text1">
這是設定過後的文字
<font class="text2">
這是設定第二段的文字
<font>
</body> 阿得我在這裡就不再講解了喔...輸出結果如下:
STEP3:【套用同樣的設定】 阿得我在這裡就省略範例了...不過就是用兩個<font class=text1>框起兩段不同的文字罷了...
真的一點都不難!下一章節會告訴您如何用CSS設定表格!