1. 程式人生 > 程式設計 >基於VUE實現簡單的學生資訊管理系統

基於VUE實現簡單的學生資訊管理系統

技術標籤:css學習css

CSS文字樣式

文字樣式屬性

屬性說明
text-indent首行縮排
text-align水平對齊
text-decoration文字修飾
text-transform大小寫
line-height行高
letter-spacing、word-spacing字母間距、詞間距

1.首行縮排

text-indent:畫素值;

text-indent值是font-size的2倍

2.水平對齊

left 左對齊(預設值)
center 居中對齊
right 右對齊

3.文字修飾

none 去除所有的劃線效果(預設值)(在實際開發中會大量使用)
underline 下劃線
line-through 中劃線

overline 上劃線

4.大小寫

none 無轉換(預設值)
uppercase 轉換為大寫
lowercase 轉換為小寫
capitalize 只將每個英文單詞的首字母轉換為大寫

5.行高

畫素值

(每行的高度)

6.間距

畫素值

例子:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			p{
				font-size
: 14px; text-indent: 28px; } #aaa{ text-transform:uppercase; } span{ font-weight: 700; text-decoration: underline; }
</style> </head> <body> <p>很多人都喜歡用戰術上的勤奮來掩蓋戰略上的懶惰,事實上這種"<span>低水平的勤奮</span>"遠遠比懶惰可怕。</p> <p id=
"aaa"
>
Remember: no pain, no gain! </p> </body> </html>

效果:

在這裡插入圖片描述