CSS代码文字段落设置

html-css012

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>

<style type="text/css">

.red {color:#FF0000font-size:16ptfont-weight:boldfont-style:italic}

.green {color:#00FF00font-size:20pttext-decoration:underline}

.blue {color:#0000FFfont-size:18pttext-decoration:underline}

</css>

<div class="red">第一类文字字号16pt，颜色红色，加粗，斜体；</div>

<div class="green">第二类字号20pt，颜色绿色，带下划线；</green>

<div class="blue">第三类字号18pt，颜色蓝色，带上划线.</div>

把下列代码拷到记事本，后缀改为html

<style>

.style1 { font-size:10ptcolor:#FF0000font-weight:bold}

.style2 { font-size:18ptcolor:#00FF00text-decoration:underline}

.style3 {font-size:18pttext-decoration:overlinecolor:#0000FF}

</style>

<body>

<p class="style1">CSS分类使用</p>

<p class-"style2">CSS分类使用</p>

<p class-"style3">CSS分类使用</p>

</body>