原创教程,转载请注明出处:网页教学网
我们现在设计网页都要使用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的定义,在什么地方起作用等问题。
我最强舞者 (I, Best Dancer)安卓版v8
我最强舞者(I, Best Dancer)是一款休闲放置类手
迷你世界国服版本2024 v1.43.0
迷你世界国服版本2024是一款自由度非常高的沙盒游戏,玩法和
烹饪乐园 安卓版v1.23.6
烹饪乐园(Cooking Town)是一款非常好玩的餐厅模拟
迷你世界小米服 最新安卓版v1.43.0
迷你世界小米版是由迷你玩科技开发的休闲模拟经营类游戏。此版本
布娃娃Sprunki沙盒 安卓版v0.0.1
布娃娃Sprunki沙盒是一个非常有趣的沙盒游戏,复古简约的