CSS代码文字段落设置

html-css026

CSS代码文字段落设置,第1张

<!DOCTYPE

html

PUBLIC

"-//W3C//DTD

XHTML

1.0

Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html

xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta

http-equiv="Content-Type"

content="text/html

charset=utf-8"

/>

<title>CSS代码文字段落设置</title>

<style

type="text/css">

.one

{

font-size:10pt

color:red

font-weight:bold}

.two

{

font-size:18pt

color:green

text-decoration:underline}

.three

{font-size:18pt

color:blue

text-decoration:overline}

</style>

</head>

<body>

<p

class="one">网站字号建议使用"px"为单位

,大小一般为:"12px~14px",太大会出现剧齿,比较难看

备注:pt与px的关系

(pt=px乘以3/4

)</p>

<p

class="two">网站字号建议使用"px"为单位

,大小一般为:"12px~14px",太大会出现剧齿,比较难看

备注:pt与px的关系

(pt=px乘以3/4

)</p>

<p

class="three">网站字号建议使用"px"为单位

,大小一般为:"12px~14px",太大会出现剧齿,比较难看

备注:pt与px的关系

(pt=px乘以3/4

)</p>

</body>

</html>

text-align: 段落水平对齐设置值:center、right、left、justify(继承)

vertical-algin: 段落垂直对齐设置值:sub(垂直对齐文本的下标。) super(垂直对齐文本的上标) top(上) middle(中) bottom(下) 10px -10px 相对于元素行高属性的百分比

letter-spacing: 字母的间距

word_spacing: 单词的间距

line-height: 文本行高

text-indent: 缩进方式

white-space: 排版方式设置值:normal (默认,空白会被忽略) pre(原样显示) nowrap(文本不会换行)