CSS基础
属 性 | CSS名称 | 说 明 |
颜色 | color |
|
文本属性 | font-size | 字体大小 |
font-family | 字体 | |
text-align | 文本对齐 | |
边框属性 (用于表 单元素) | border-style | 边框样式 |
border-width | 边框宽度 | |
border-color | 边框颜色 | |
定位属性(position) | top | 顶部边距(上边距) |
left | 左边距 | |
width | 宽度 | |
height | 高度 | |
z-index | z 轴索引号,用于层 |
内嵌样式1
<HTML>
<HEAD>
<TITLE>应用样式</TITLE>
<STYLE TYPE="text/css" >
P
{
font-size:20px;
color:blue;
text-align:center
}
</STYLE>
</HEAD>
<BODY>
<P>我是段落 1</P>
<P>我是段落 2</P>
<P>我是段落 3</P>
<P>我们的样式绝对统一</P>
</BODY>
</HTML>
内嵌样式2
<HEAD>
<STYLE type="text/css">
P { /*设置样式:字体和背景色*/
font-family: System;
font-size: 18px;
color: #3333CC;
}
H2 {
background-color: #CCFF33;
text-align: center;
}
</STYLE>
</HEAD>
<BODY>
<H2>品种特征方面:</H2>
<P> 1、蛋鱼:蛋鱼…….。</P>
<P> 2、龙睛:龙睛……..。</P>
<P> 3、高头:高头….。</P>