三 CSS樣式 文字

概念：css文字屬性可定義文字外觀

通過文字屬性，可以改變文字的顏色、字元間距、對齊文字、裝飾文字、對文字縮排

屬性描述

color

文字顏色

direction

文字方向

line-height

行高letter-spacing

字元間距

text-align

對齊元素中的文字

text-decoration

向文字新增修飾

text-indent

縮排元素中文字的首行

text-transform

元素中的字母

unicode-bidi

設定文字方向

white-space

元素中空白的處理方式

word-spacing

字間距

doctype html

>
<
html 
lang
="en"
>
<
head
>
<
meta 
charset
="utf-8"
>
<
title
>title
title
>
<
link 
href
="style.css"
rel="stylesheet"
type
="text/css"
>
head
>
<
body
>
<
p id
="p_hello"
>hello css
p>
<
div>
<
h3>靜夜思
h3>
<
p>窗前明月光，
p>
<
p>窗前明月光。
p>
<
p>窗前明月光，
p>
<
p>窗前明月光。
p>
div>
<
div>
<
p id
="p_transform1"
>this is a test
p>
<
p id
="p_transform2"
>this is a test
p>
<
p id
="p_transform3"
>this is a test
p>
div>
<
div>
<
h1>test shadow!
h1>
<
p id
="wrap"
>test wrap!test wrap!test wrap!test wrap!test wrap!test wrap!test wrap!test wrap!
p>
div>
body
>
html
>

/*

style.css
*/#p_helloh3#p_transform1#p_transform2#p_transform3h1#wrap
/*h-shadow 必需。水平陰影的位置。允許負值。
v-shadow 必需。垂直陰影的位置。允許負值。
blur 可選。模糊的距離。
color 可選。陰影的顏色。
*/

CSS（三）常見的CSS文字樣式

通常text indent縮排屬性將對段落首行開頭文字文字進行縮排顯示。popcontent desc以上 就是對div進行0.1rem的首行縮排。當然中文字在div或任意盒子中均會自動換行不需要css樣式實現，只有連續的字母或數字會出現不自動換行問題，所以需要css解決。此時需要給div乙個最大的...

CSS樣式 文字樣式

文字擷取 employorganizalistctrl listtext 文字對齊方式 text align justify 文字超出固定高度 顯示滾動條 overflow scroll 顯示邊框 border 1px dashed ff6b6b 虛線 border top style 1px so...

CSS樣式 文字

css文字屬性可定義文字外觀。通過文字屬性，可以改變文字的顏色，字元間距，對齊文字，裝飾文字，對文字縮排 color aquamarine 顏色是繼承效果 text align center 文字對齊方式 text indent 2 em 首行文字縮排2個畫素 text transform capi...