现在的位置: 首页 > 综合 > 正文

wed前端html/css:如何创建 CSS

2019年11月12日 综合 ⁄ 共 693字 ⁄ 字号 评论关闭

  如何插入样式表?#

  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文件路径,可以使用相对路径和绝对路径

抱歉!评论已关闭.