教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

引入CSS样式表的方式有哪些?

更新时间:2019年07月18日17时39分 来源:澳门大阳城APP入口 浏览次数:

CSS用于修饰网页样式,但是,如果希望CSS修饰的样式起作用,就必须在html档中引入CSS样式表。引入样式表的常用方式有三种,即行内式、内嵌式、外链式,具体介绍如下。

1.行内式

行内式也称内联样式,是通过标记的 Istyle属性来设置标记的样式,其基本语法格式如下:

<标记名 style= ”属性1:属性值1;属性2:属性值2;属性3:属性值3;">

上述语法中,style是标记的属性,实际上任何HTML标记都拥有 style属性,用来设置行内式。属性和属性值的书写规范与Cs样式规则一样,行内式只对其所在的标记及嵌套在其中的子标记起作用。

通常CSS的书写位置是在头部标记中,行内式却是写在根标记中,例如下面的示例代码,即为行内式CS样式的写法。


使用CSS行内式修饰一级标题的字体大小和颜色


在上述代码中,使用标记的style属性设置行内式CSS样式,用来修饰一级标题的字体大小和颜色。效果如下图所示。


行内式效果

需要注意的是,行内式是通过标记的属性来控制样式的,这样并没有做到结构与样式分离,所以一般很少使用。

2.内嵌式

内嵌式是将CSS代码集中写在HTML文档的头部标记中,并且用< style>标记定义,其基本语法格式如下:

 

0 分享到:
和我们在线交谈!
Baidu
sogou