失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > html的css样式第四个标签 网页制作中css+div定义标签样式的4种基本用法

html的css样式第四个标签 网页制作中css+div定义标签样式的4种基本用法

时间:2021-10-16 09:09:35

相关推荐

html的css样式第四个标签 网页制作中css+div定义标签样式的4种基本用法

第一类:内联样式

内联样式是写在标签里面的样式,它可以给单独的标签使用特别的样式。

例如:

这是内联样式

这是内联样式

那么如果要给多个标签加上相同的样式,使用下面的内部样式,是比较简便快速的方法。

第二类:内部样式

内部样式是写在html里面的样式,它是写在 与 之间的样式。它可以将多个标签加上相同的样式。

例如:

这是一个p标签

这是一个h1标签

这是一个di

::这段代码请自行测试::

第三类:外部样式

外部样式是写在html文件以外的样式,它被保存在*.css文件中。通过在html中调用*.css获得样式。

例如:先写一个test.css文件。内如如下

p,h1 {background:yellow; font-size:20px; color:red; text-align:center}

div {background:black; font-size:30px; color:white; text-align:center}

然后在html 与 之间,添加如下语句:

在 与 之间,添加如下内如:

这是一个p标签

这是一个h1标签

这是以个div标签

::请自行测试以上结果::

第四类:输入样式

输入样式使用 @import 将现有的1.css文件导入到2.css文件中,然后在html中调用2.css,那么1.css和2.css的内容都会被html导入使用。

例如:先写一个1.css文件。内容如下

p,h1 {background:yellow; font-size:20px; color:red; text-align:center}

再写写一个2.css文件。内容如下

@import url(1.css);

div {background:black; font-size:30px; color:white; text-align:center}

然后在html 与 之间,添加如下语句:

::请自行测试结果::

如果觉得《html的css样式第四个标签 网页制作中css+div定义标签样式的4种基本用法》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。