设置css样式的方法

html-css022

设置css样式的方法,第1张

有三种方法:

行内样式 直接在标签里面添加style属性,在style属性里面写样式即可;

内部样式 在<head>标签里面通过<style>标签来写入内部样式;

外部样式 通过<link>标签引入外部样式表。

这里分享下在css中为字符串中的每一行设置样式的方法。

操作设备:联想电脑

操作系统:win10

代码编辑器:zend studio 10.0

1、首先新建一个html文件,命名为test.html,在test.html文件内,使用p标签创建一行字符,用于测试。

2、在test.html文件内,给p标签添加一个class属性,用于样式的设置。

3、在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。

4、在css标签内,通过class属性和“:first-letter”选择第一个字符,使用color属性设置它为红色。

5、最后在浏览器打开test.html文件,查看实现的效果。