当前位置：编程学习 > html/css >>
答案：原创教程，转载请注明出处：网页教学网
我们现在设计网页都要使用CSS了，今天在这个教程中给大家以实例的形式教给大家如何使用CSS，通过四个例子来说明CSS的使用！通过这个教程中的四个实例让大家理解在HTML中加入CSS之后，CSS在什么时候起作用？以及不加CSS会如何显示。激起你学习CSS的兴趣。
首先我们先建立一个CSS文件，打开我们的记事本，然后输入下面的内容：
p
{
color: #ff0000;
background: transparent;
}然后保存为style1.css(在这个CSS文件中我们定义p标签的的风格为红色、背景透明)
实例1：把下列文件保存为.htm文件，注意要和style1.css保存在同一目录中。
<html>
<head>
<title>网页教学网实例教程1</title>
<link href=> <style type="text/css">
p
{
color:#00ff00;
background:transparent;
}
</style>
</head>
<body>
<p style="color:#0000ff;background:transparent;">兰色文本显示 </p>
</body>
</html>实例2：
<html>
<head>
<title>网页教学网CSS实例2</title>
<link href=> <style type="text/css">
p
{
color:#00ff00;
background:transparent;
}
</style>
</head>
<body>
<p>绿色文本显示</p>
</body>
</html>实例3：
<html>
<head>
<title>网页教学网CSS实例3</title>
<link href=> </head>
<body>
<p>红色文本显示</p>
</body>
</html>实例4：
<html>
<head>
<title>网页教学网CSS实例4</title>
</head>
<body>
<p>默认的浏览器显示的文本</p>
</body>
</html>通过以上四个实例大家理解CSS的定义，在什么地方起作用等问题。
上一个：让网站链接样式千奇百怪
下一个：用CSS美化你的网页
- 更多html/css疑问解答：
- div+css中关于ie浏览器中非啊元素的：hover的实现问题，哪位大神指点下啊
- css jquery代码中为什么宽度这样设定.menu li ul 150px;.menu li ul a 110px;.menu li a中padding的20px
- css 属性选择器 ie6 不支持吗？
- 用css、jquery做的选项卡效果，有一个小疑问，请高手指点，代码如下：
- 介绍本学习css的书
- wordpress多个CSS样式怎么调用？
- 这个div 的css是如何编写的
- div+css中，div的右边框小于div的高度且居中，除了用背景图片，如何实现？
- 表格立体感用CSS怎么写 我要 具体代码 写仔细 分段的 谢谢 了 兄弟 还有 下拉列表框 立体感用CSS 怎么写
- CSS 在一个大的DIV里面，另一个DIV怎么居中并置底。
- dw中html文档为什么无法链接css文档
- 设计一个小例子说明DIV+CSS的优势（例子要解释并注释）。
- 我会html css目前正在学js，打算在大三的寒假找个实习，请问应该找哪方面的实习？
- css问题，跪求大大帮忙
- 请教网页设计高手，如下图的这种css代码怎么写？