css 文字設定

2022-08-21 18:51:19 字數 1801 閱讀 4985

常用的應用文字的css樣式:

(1)color 設定文字和顏色,如:

color:red;

(2)font-size 設定文字的大小,如:

font-size:20px;

(3)font-family 設定文字的字型,如:

font-family:』微軟雅黑』;

(4)font-style 設定字型是否傾斜,如:

font-style:』normal』;設定不傾斜,

font-style:』italic』;設定文字傾斜

(5)font-weight設定文字是否加粗,如:

font-weight:bold;

設定加粗

font-weight:normal

設定不加粗

(6)line-height 設定文字的行高,設定行高相當於在每行文字的上下同時加間距,如:

line-height:24px;

(7)font 同時設定文字的幾個屬性,寫的順序有相容問題,建議按照如下順序寫:

font:是否加粗 字型大小/行高 字型;  如:font:mormal 12px/36px 『微軟雅黑』;

(8)text-decoration 設定文字的下劃線,如:text-decoration:none; 將文字下劃線去掉

(9)text-indent 設定文字首行縮排,如:text-indent:40px; 設定文字首行縮排40px

一般乙個中文是20px

(10)text-align 設定文字水平對齊方式,如:text-align:center 設定文字水平居中

**:

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>常用文字樣式

title

>

<

style

type

="text/css"

>

divem

spanh1a

pstyle

>

head

>

<

body

>

<

h1>樣式演示

h1>

<

div>

<

span

>html

span

>是<

em>hyper text mark-up language

em>

(超文字標記語言)的首字母簡寫,

超文字是指超連結,標記指的是標籤,是一種用來製作網頁的語言,這種

語言由乙個個的標籤組成,用這種語言製作的檔案儲存的是乙個文字檔案,

檔案的擴充套件名為html或htm,乙個html檔案就是乙個網頁,html檔案用編輯

器開啟顯示的是文字,可以用文字的方式編輯它,如果用瀏覽器開啟,瀏覽

器會按照標籤描述內容將檔案渲染成網頁,顯示的網頁可以從乙個網頁鏈結

跳轉到另乙個網頁。

div>

<

br />

<

a href

=""a>

<

p>這是乙個p標籤

p>

body

>

html

>

css 文字設定

文字修飾 text decoration underline下劃線 none沒有修飾,over line上劃線 line through中劃線 vertical align 豎直對齊方式 text align center 水平居中 vertical align 豎直對齊方式 text align ...

css設定文字

設定文字字型 font family 屬性值有多個時,中間必須用英文逗號隔開 如果字型中間有空格,必須用雙引號將字型引起來,漢字最好也引起來 如果設計者所羅列的字型在使用者的計算機上沒有安裝,則使用瀏覽器的預設字型 設定字型顏色 color 英語單詞指定的顏色,如red,yellow blue pu...

CSS文字溢位設定

1.text overflow clip 不顯示省略號 而是簡單的裁切 2.text overflow ellipsis 單行文字溢位時顯示省略號 1.white space normal 預設值 2.white space nowrap 文字不會換行,文字會在同一行上繼續,直到遇到br標籤為止 3...