2,在test.html文件中,使用div标签创建一行文字,下面将在css文件中定义div的样式。
3,在test.html文件中,给div设置class属性,例如,设置为mydiv。
4,新建一个css文件,命名为test.css,用于编写div的样式。
5,在test.css文件中,给类名为mydiv的div设置css样式,使用font-size定义div文字的大小为20px,使用color定义div的文字的颜色为红色。
6,在test.html文件中,通过link标签引入外部的css文件,实现给页面中的div设置css样式 。
7,在浏览器打开test.html文件,就可以了。
要设置文字css目标规则名称为.f,可以在css文件中添加以下代码:.f {
/* 这里填写目标规则的样式属性 */
}
例如,可以设置.f元素的字体大小为18px,字体颜色为红色:
.f {
font-size: 18px
color: red
}
在html代码中,可以使用class属性为.f的元素应用该样式规则,例如:
<p class="f">这是一段带有.f类的段落文本</p>
可以通过查看页面渲染效果来验证该规则是否生效。
css是对网页中的各个标签设置样式!简单的说CSS就是样式表,样式信息!比如在你的网页中有针对字体设置的font标签,就可以对其设置:font-size, family,text-align...等等样式,后面的就是CSS样式代码。对网页中的对象设置表现样式!