使用CSS的基础实例

2009-12-16 01:38| 发布者: admin| 查看: 30| 评论: 0|原作者: 天仙子

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

兰色文本显示　　

　　
　　
　　实例2：
　　
　　
　　　　情缘科技CSS实例2
　　　　
　　　　
　　
　　
　　　　

绿色文本显示

　　
　　
　　实例3：
　　
　　
　　　　情缘科技CSS实例3
　　　　
　　
　　
　　　　

红色文本显示

　　
　　
　　实例4：
　　
　　
　　　　情缘科技CSS实例4
　　
　　
　　　　

默认的浏览器显示的文本

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

收藏分享邀请

		自动登录	找回密码
密码			注册

使用CSS的基础实例

最新评论

相关分类