數位時代的寫作,是一種新形態的文本表達模式!
首頁
初學者技能教案專區
google Meet遠距上課技能
javascript互動文本寫作
融媒體Wix教學
網路新聞寫作:HTML&CSS
新聞影音剪輯:premiere
匯流寫作基模知識:gravit
基礎影音編輯:shotcut
基礎向量圖像編輯:inkscape
基礎圖像編輯:GIMP
排版設計scribus
匯流新聞專題寫作
影音新聞製作與剪輯(上課用)
新聞直播編導/OBS(上課用)
基礎新聞攝影(上課用)
數位排版/敘事(上課用)
西洋哲學史導讀
老子探義導讀
《論語》小談
《法華經》的思
品嚐《華嚴經》
Unsplash圖像集
Pexels 圖像集
我的給大學生書單
傳播理論/研究

2013年10月31日 星期四

CSS 文字布局快速套用法



1.請將 css 的嵌入套用置放於<head>xxx</head>之間或<body>之後;我的教學作業建議放在<body>之後。

<style type="text/css">

.word01 {
font-family: Verdana, '微軟正黑體';
font-size: 1.21em;
font-weight: normal;
line-height: 1.6em;
text-align: justify;
text-justify: distribute;
letter-spacing: 0.1em;
}

</style>

 影音教學:5分45秒



2.在需要文字布局變化的編輯元件中加入class="word01",即會產生變化。此例為Div,也可以放在<table class="word01">或是<td class="word01">

<div class="word01">
CSS 樣式可以嵌入於 HTML 文件中,我們把它嵌入於 <body> 之後,然後就可以快速的來變化文章內的文字樣式。<br>
</div>



3.文字布局變化結果。

CSS 樣式可以嵌入於 HTML 文件中,我們把它嵌入於 <body> 之後,然後就可以快速的來變化文章內的文字樣式。



變更Div內文字的兩種CSS方式。


沒有留言:

張貼留言