如何插入样式表?#
CSS代码应该写到什么地方呢?
CSS代码分为三种插入方式,接下来笔者给园友们介绍有哪些插入方式:
嵌入式、外链式、行内式。
嵌入式#
什么是嵌入式?#
嵌入式就是将写好的CSS代码嵌入到HTML文件中,嵌入式是通过HTML中的style标签将CSS代码嵌入到HTML网页当中的。
语法规则如下:
Copy选择器{属性:值;属性:值;}
由于平台原因这里无法展现html代码,如有需求请联系我
如果我们使用的是HTML5的文档,style标签中的type属性可以省略掉。
注意:stype标签它可以出现HTML中的任何地方,但是我们一般会将它放置在head标签中。
嵌入式实例#
接下来让我们进入嵌入式实践,实例内容如下:将div宽高度设置为300像素和div的边框颜色设置为红色,以及div中的h1标签字体颜色设置为红色。
代码块
由于平台原因这里无法展现html代码,如有需求请联系我
什么是外链式?#
外链式是指书写一个存放CSS代码的文件,文件的扩展名为.CSS。然后将其文件放在HTML文件中的head标签中并且以link标签形式存放在HTML文件当中。
现在我们创建一个名称为index.css的文件。
注意: CSS文件不能单独的运行,它必须依赖于HTML文件。
语法规则如下:
Copy
link标签中的rel="stylesheet"属性,表示以样式表的关系引入到HTML文件当中。
link标签中的href属性,表示要引入的CSS文件路径,输入我们要使用的CSS文件路径,可以使用相对路径和绝对路径