1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 004---css样式表(内部样式表 行内样式表 外部样式表)

004---css样式表(内部样式表 行内样式表 外部样式表)

时间:2020-06-06 15:33:39

相关推荐

004---css样式表(内部样式表 行内样式表 外部样式表)

一、内部样式表

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

语法中,style标签一般位于head标签中title标签之后,也可以放在HTML文档的任何地方。

type="text/CSS" 在HTML5中可以省略。

二、行内样式表

行内样式表适合于样式较少的情况。

语法:

如下例:

<div style="color:red;font-size: 20px;">Today is a good day.</div>

三、外部样式表(外联式)

它由两部分构成,一个是.css文件,一个是html文件中的link标签,起到连接.html与.css文件的作用。

语法:

建立一个.css文件,里面写.html标签的样式。建立如下:

另一个是:

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><link rel="stylesheet" href="xxx.css" type="text/css" /></head><body></body></html>

他的位置是:head里,title后。href填写需要连接的.css文件的路径。

它使用场合较多。

四、三种方式的对比

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