使用CSS的基础实例

时间：2022-07-02 13:09:27 编辑：袖梨来源：一聚教程网

YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.*w**3.org/TR/REC-html40/loose.dtd">

YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.***w3.org/TR/REC-html40/loose.dtd">

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

代码如下	复制代码
网页教学网实例教程1 　　　　　　　　　　　　　　　　兰色文本显示

　　实例2：
　　

代码如下	复制代码
网页教学网CSS实例2 　　　　　　　　　　　　　　　　绿色文本显示

　　实例3：
　

代码如下	复制代码
网页教学网CSS实例3 　　　　　　　　　　　　红色文本显示

　　实例4：
　　

代码如下	复制代码
网页教学网CSS实例4 　　　　　　　　默认的浏览器显示的文本

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

推荐专题

最新下载

热门教程

使用CSS的基础实例

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程