最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
使用CSS的基础实例
时间：2022-07-02 13:09:27 编辑：袖梨 来源：一聚教程网
原创教程，转载请注明出处：网页教学网
我们现在设计网页都要使用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的定义，在什么地方起作用等问题。
相关文章
- 《绝区零》伊芙琳培养材料汇总 01-24
- 《无限暖暖》1.2春节兑换码一览 01-24
- 《网上国网》查询阶梯档位方法 01-24
- 《蛋仔派对》神游贺岁盲盒获取方法 01-24
- 《炉石传说》星际联动盗贼卡组玩法介绍 01-24
- 皮革珊瑚属于珊瑚中的 01-24