基本原理：只要在div內加入表格，用簡單的一欄一列，就可以利用表格來設黑體字了。
影音中我的設定：
<style>
.ta0105 {
font-family: 微軟正黑體;
font-size: 1.14em;
line-height:1.6;
border: 1px solid red;
color: black;
}
</style>
<script>
$(function() {
$('#a01').click(function() {
$('#a02').fadeToggle(800);
});
});
</script>
注意：表格內不可以再設有DIV，不然，黑體字的設定又會失效。換言之，可以在div內加入表格後，就可以在表格用設黑體字。但不可以在表格內又設div，這會導致黑體字失效。
二、要按滑鼠左或右鍵來進行互動的地方，一定要讓滑鼠的符號變成「手掌型」。這是目前通用的文本互動形式。 請看教學影片：
影片中範例css：
<style>
.word01 {
cursor: pointer;
}
</style>
三、旋轉字的「互動使用」之思考 ：當使用旋轉字後，閱讀會稍微不便。所以我們要提供可以「轉回來」的互動機制，讓想好好讀的讀者可以方便閱讀。同學請不要怕煩，要使用這一給讀者方便的機制。
然而，就業市場實質薪資成
長卻持續倒退，企業加薪幅度不及物價漲
幅，在薪資低估的推力及就業景氣好轉的拉力下，上班族年後轉職意願明顯提升，期望透過轉職 來為自己成功加薪。
反觀59.6%可接受加薪慰留者，平均
月加8,381元會接受慰留。多數期望企業加薪「4,001-6,000元」(21.8%)，以及「6,001-
8,000元」(15.4%)，亦有超過1成的人期望加薪達1萬元以上才會打消離職念頭。
教學影片：
影片中的範例：
<style>
.yourclass {
-webkit-transform: rotate(-3deg);
}
.yourclass:hover {
-webkit-transform: rotate(0deg);
}
#yourid {
-webkit-transform: rotate(-3deg);
}
#yourid:hover {
-webkit-transform: rotate(0deg);
}
</style>
.yourclass {
-webkit-transform: rotate(-3deg);
}
.yourclass:hover {
-webkit-transform: rotate(0deg);
}
#yourid {
-webkit-transform: rotate(-3deg);
}
#yourid:hover {
-webkit-transform: rotate(0deg);
}
</style>
四、CSS及程式碼在摘要區跑出來了，兼談幾個文字處理小問題：
教學中我們都說放在<body>的後面，在立報中放在</body>的前面就好。
五、文章中的互動設置思考原則：
互動文本，一定要有互動的icon 讀者才會知道那裡是可以互動的。這在思考電玩時也是一樣的。立報有一些互動慣用的icon，同學要理解清楚。
六、行與行的高度的思考原則：
網路中文字的閱讀很難，所以行高的思考和平面不同。一般而言，要高一點。但同學要搭配文章的屬性來思考。硬文章，高度要愈高。這可以靈活來嘗試的，不用怕。
<style>
line-height: 1.8;
line-height: 2;
</style>
請注意：一般而言，如果沒有特別必要，line-height的值直接寫「數字」就可以了。例如，「1.6」、「1.8」。不用再加上單位如px、em等。
沒有留言:
張貼留言