使用CSS的基础实例-(0)
原创教程,转载请注明出处:网页教学网
我们现在设计网页都要使用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="http://www.zzzyk.com/htmldata/2005-02-25/style1.css" rel="stylesheet" type="text/css" />
<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="http://www.zzzyk.com/htmldata/2005-02-25/style1.css" rel="stylesheet" type="text/css" />
<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="http://www.zzzyk.com/htmldata/2005-02-25/style1.css" rel="stylesheet" type="text/css" />
</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代码怎么写?