css外部样式表写法,CSS外部样式表

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

HTML中CSS外部样式表

1、首先我们我们新建一个记事本，并将记事本的名字改为“引入外部css文件和外部js文件.html”，并回车键确定，以使文件转化为浏览器可以打开的html网页文件。

2、我们编写一个html5的声明标签— !DOCTYPE html, 以使浏览器能认识到我们的文档是一个html5的文件，这样就可以快速的正确解读，以提高浏览的体验。

3、我们写一个title的标签，将网页的题目写入进去，让网页的标题显示为“引入外部css文件和外部js文件”。

4、我们用meta标签设置字符的编码格式为：UTF-8，以使浏览器能够正确的显示我们的网页。

5、我们写一个body标签，用来包含网页的主体部分。

6、我们写几个标签以便在外部css文件样式表中，为其设置样式。

7、我们新建一个css文件，把txt的文件后缀名改为css即可，之后打开就可以写入css代码了。

8、我们用标签选择器为p标签、div标签和span标签的内容设置样式。

9、我们使用,link标签将我们编写的css文件样式表文件其引入到我们当前的html文件中来。

10、我们鼠标右击在弹出的下拉菜单中，我们选择“在浏览器中打开”这一项。

11、我们看到我们编写的样式被应用到了标签中文字上，说明我们的css外部样式表文件引入成功。