[使用css的基础实例教程]使用CSS的基础实例

【www.bbyears.com--php基础】

　　原创教程，转载请注明出处：网页教学网
　　我们现在设计网页都要使用CSS了，今天在这个教程中给大家以实例的形式教给大家如何使用CSS，通过四个例子来说明CSS的使用！通过这个教程中的四个实例让大家理解在HTML中加入CSS之后，CSS在什么时候起作用？以及不加CSS会如何显示。激起你学习CSS的兴趣。
　　首先我们先建立一个CSS文件，打开我们的记事本，然后输入下面的内容：
　　p
　　{
　　　　color: #ff0000;
　　　　background: transparent;
　　}
　　然后保存为style1.css(在这个CSS文件中我们定义p标签的的风格为红色、背景透明)
　　实例1：把下列文件保存为.htm文件，注意要和style1.css保存在同一目录中。
　

 代码如下 　
　　
　　　　
　　　　
　　　　
　　
　　
　　　　

兰色文本显示　　

　　
　　

　　实例2：
　　

 代码如下
　　
　　　　
　　　　
　　　　
　　
　　
　　　　

绿色文本显示

　　
　　

　　实例3：
　

 代码如下 　
　　
　　　　
　　　　
　　
　　
　　　　

红色文本显示

　　
　　

　　实例4：
　　

 代码如下
　　
　　　　
　　
　　
　　　　

默认的浏览器显示的文本

　　
　　

　　通过以上四个实例大家理解CSS的定义，在什么地方起作用等问题。

本文来源：http://www.bbyears.com/jiaocheng/224.html