入门篇

css入门——

入门篇

而48、bold、red是属性值。意思是“hongen”将以48pt、粗体、红色的样式显示。由于整个段落是定义在<DIV>中的，所以hongen又将显示出<head>中定义的滤镜属性来。最终的结果就如同图2一样。
　　图1中的效果也是用很简单的CSS语句实现的，只是运用了CSS中的滤镜属性而已。

　　通过上面的讲解，我们可以看到用很简单的CSS语句就可以实现许多需要专业软件才可以达到的效果。利用属性可以设置字体、颜色、背景等页面格式；利用定位可以使页面布局更加规范、好看；利用滤镜可以使页面产生多媒体效果。怎么样，CSS的功能是不是很强大，在下面的教程中我们将对它进行详细的讲解。

　从CSS的基本语句就可以看出，属性是CSS非常重要的部分。熟练掌握了CSS的各种属性将会是您编辑页面更加得心应手。下面我们就借助一些实例来讲解。

1、字体属性

属性	属性含义	属性值
font-family	使用什么字体	所有的字体
font-style	字体是否是斜体	normal，italic，oblique
font-variant	字体时候小体大写	normal，small-caps
font-weight	定义字体粗细	normal，bold，bolder，lither
font-size	定义字体大小	absolute-size，relative-size，lengh，percentage

2、颜色和背景属性

属性	属性含义	属性书写格式	属性值
color	定义前景色	例：p{color:red}	颜色
background-color	定义背景色	例：body{background-color:yellow}	颜色
background-image	定义背景图案	例：body{background-image:url(.jpg)}	图片路径
background-repeat	背景图案重复方式	例：body{background-repeat:repeat-y}	repeat-x，repeat-y，no-repeat
background-attanment	设置滚动	例：body{background-attanment:scroll}	scroll，fixed
background-positon	背景图案初始位置	例：body{background:url(.jpg)top center}	percentage，length，top，left，right，bottom等