CSS基础属性
属性名:属性值;
Backgroud-color: red;
p{
backgrond-color: red;
font-size:14px;
}
2.1字体相关属性
Font-family:(字体名称)、Font-size :(字体大小)、Font-style:(字体样式)、Font-variant:(字体变化)Font-weight: (字体粗细)
Font-style 、font-variant 、font-weight可以不指定值,使用默认值,但是Font-size 、font-family两个必须制定指定值,
<head>
<style>
p{
font-family:宋体;
font-size:36px;
font-style:italic;
font-variant:small-caps;
font-weight:100;
}
</style>
<meta charset="utf-8">
<title>Title</title>
</head>
<body>
<p>字体相关的属性演示abc</p>
</body>
2.2文本相关的一些属性
文本相关的属性包括颜色、对齐方式、修饰效果等等
Color:设置文本的颜色。
<style>
p{
color:red;
}
</style>
Text-decoration:文本的修饰。None(默认值,没有装饰效果)、Underline(上划线)、Overline(下划线)、Line-through(删除线)
<style>
p{
text-decoration:line-through;
}
</style>
Text-shadow:增加阴影。(比如text-shadow:-5px -210px gray;的含义是定义一个灰色的背景,其水平方向向左移动5px,垂直方向上移10px。)
<style>
p{
text-shadow:-5px-2px gray;
}
</style>
Direction:方向。Ltr(自左至右)、rtl(自右至左)
<style>
p{
direction:rtl;
}
</style>
Text-align:文本的对齐方式。Left(左对齐)、Right (右对齐)、Center (居中对齐)、Justify (两端对齐)
<styletype="text/css">
td{
text-align:justify;
}
</style>
Vertical-align 垂直对齐方式。Top(靠上对齐) 、Bottom (靠下对齐)、Middle (垂直居中对齐)
<styletype="text/css">
td{
vertical-align:middle;
}
</style>
Text-indent 文本缩进。Letter-spacing (字符间距)、Word-spacing(字之间的间距)
p{
text-indent:40px;
}
p{
letter-spacing:4px;
word-spacing:4px;
}
Line-eight 设置行高,实际上调整行间距
<styletype="text/css">
lable{
background-color:gray;
}
p{
background-color:gray;
line-height:200%;
}
</style>