首页 理论教育 CSS样式表的引用-内联、内部、外链和导入

CSS样式表的引用-内联、内部、外链和导入

时间:2023-10-29 理论教育 版权反馈
【摘要】:CSS样式表的类型有4种,包含内联样式表、内部样式表、链接外部样式表和导入外部样式表。示例如下:3.2内部样式表内部样式表指将CSS样式使用style标记围堵,放在网页文件的头部。这种书写方式只能影响单个文件,例如:3.3链接外部样式表基本语法:注意:import语句后的“;”号,一定要加上!CSS文件一定是纯文本格式。设计style.css内容如下所示:网页文件内容如下所示:CSS规定样式的优先级如下:行内样式>id样式>类样式>标记样式

CSS样式表的引用-内联、内部、外链和导入

CSS样式表的类型有4种,包含内联样式表、内部样式表、链接外部样式表和导入外部样式表。

3.1 内联样式表

内联样式表也叫行内样式表。

基本语法:

其中标记一般指HTML标记,如body、 table 、 p等。标记的style定义只能影响标记本身;style的多个属性之间用分号分割;标记本身定义的style优先于其他所有样式定义。示例如下:

3.2 内部样式表

内部样式表指将CSS样式使用style标记围堵,放在网页文件的头部。这种书写方式只能影响单个文件,例如:

3.3 链接外部样式表

基本语法:(www.xing528.com)

注意:import语句后的“;”号,一定要加上!另外,外部样式表的文件名称是要嵌入的样式表文件名称,须含路径,后缀为.css。最后@import应该放在style元素的最前面。

3.4 导入外部样式表

基本语法:

其中< link>标记是单标记,放在头部,不使用style标记。外部样式表的文件名称必须带后缀名.css。 CSS文件一定是纯文本格式。当外部样式表修改后,所有引用的页面样式将自动更新;外部样式表优先级低于内部样式表;同时链接几个外部样式表时,规则按“最近优先的原则”生效。

设计style.css内容如下所示:

网页文件内容如下所示:

CSS规定样式的优先级(从高到低)如下:

行内样式>id样式>类样式>标记样式

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈