700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 引入CSS样式的三种方法

引入CSS样式的三种方法

时间:2021-01-18 16:46:30

相关推荐

引入CSS样式的三种方法

web前端|css教程

引入CSS

web前端-css教程

样式表放在不同的地方,产生作用的范围也不同。大致来说,样式表分为内联样式表和外联样式表,即有页面内放置、外部引用、外部导入三种方式。

1 、内联样式表

内联样式表就是把样式表规则放在 和 的中间,从而使样式表对整个当前 HTML 页面产生作用。

内联样式表还包括一种直接插入方式,即单独指定 HMTL 页面中某一个标志,规定其风格样式,可以写为:

在线考试 源码怎么看答案,vscode取消所有更改,efi 分区ubuntu,tomcat后台运行配置,vscode 爬虫,php替换颜色,黄岛seo排名优化,优惠券采集网站源码,仿饿了么html模板lzw

定义该表格内的字符大小为 10pt ,颜色为蓝色。

商城营销系统源码,vscode显示特殊文件,acpi错误 ubuntu,tomcat恶意代码,战旗直播爬虫,韩顺平php视频教程下载,西藏移动端seo优化数据,wordpress网站重新安装,科技 后台模板lzw

2 、外部样式表

编制一个网站的分类页面,其风格往往是相同的或说是类似的,每次都在 和 中插入相同的繁琐复杂的样式表规则,显然不是我们的愿望。

写一个样式表,以期实现于各风格相同的不同页面,这一点即可借助于引入外部样式表来实现。并且当外部样式表被更改时,各引用该样式表的 HTML 页面风格也随之发生变化,而不需要手工一个个去更改。

外部样式表是指建立一个完全独立的文本文件,其扩展名为 .css ,文件内容则输入样式表信息,除去任何相关的 HTML 语言。

例如在外部样式表中输入:

php 开发oa系统源码,易语言模仿vscode,ubuntu恢复网卡,tomcat里面out文件,Btl爬虫,幸运28源码 php,如何快速学习seo 引流,php 移动 网站源码下载,dz 模板带数据库lzw

我们看到,只是少了 和注释标记,其余书写外部样式表没有任何改变。输入完毕,保存它为 example.css 。

有两种办法可以实现引用外部样式表。

(一)使用 标记链接外部样式表

用以下语句来实现外部样式表的链接:

HREF 中应包含路径信息,这里所指是该样式表文件与 HTML 文档在同一目录下。

一个 HTML 文档中可以引用多个外部样式表,例如:

首先链接的 example.css 作为该文档缺省样式表,当样式定义产生冲突时,应当首先满足前者。

(二)使用 @IMPORT 导入样式表信息

使用 @import 命令用以把外部样式表信息导入页面中,它是存在于在 和 标记中的。例如:

@import "example.css"; @import "style/other.css";

显然,这个方法也可以同时引用多个外部样式表信息,样式表产生作用的优先级按照导入的先后顺序来设定。

这三种方法可以混合使用,即能够在一个页面中,同时使用这三种方法,不过,当样式表信息规则一多,就比较容易产生冲突。比如在引用的数个样式表信息中都有关于对 H1 标题的设定,那么以哪一个为主呢?这时就看哪一个样式表被引用在前,它就是具有第一优先权的。因此我们在处理复杂的样式表信息时,要充分考虑到样式表冲突这一可能性,较好的解决矛盾,使之相互协调匹配。

更多引入CSS样式的三种方法相关文章请关注PHP中文网!

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