关于css的一些小细节---link
2016-02-19 21:26
387 查看
<link rel="stylesheet" href=“a.css” type="text/css">
rel:当前文档与被链接文档间的关系,必须有,否则css文件不会被加载来(经chrome控制台Sources测试)。
type:规定被链接文档的MIME类型,可以省略。
我们都造link引用外部样式表都通常带有.css扩展名,然而引用自《css权威指南》P20
不一定非得有文件扩展名,但是一些较老浏览器无法识别包含样式表的文件,即使在link元素中确实包含了正确的text/css类型也无济于事,除非它有.css扩展名。实际上,除非文件名以.css结尾,有些web服务器甚至不会将文件作为text/css传递,不过这个问题通常可以改变服务器的配置文件来修正。
然后尝试了下不带扩展名link css文件确实可以,控制台输出如下,浏览器会自己解释为样式表但是MIME却成了text/plain纯文本形式(不论link中有没有设定type属性,原因见引用)
title:link元素是可以有title属性的,用来生成候选样式列表。说到候选样式表就先说首选样式表(如果为一个rel为stylesheet的link指定了标题,也就指定了该样式表要作为首选样式表)。如果将一组样式表特定为首选样式表,那么只会使用其中某一个。但是谁会被忽略这是无法确定的,所以慎用title。测试于chrome,总是显示先引入的,并不会层叠覆盖。
注:内联样式的style属性可以与其他任何除过body外部出现的HTML标记关联。
rel:当前文档与被链接文档间的关系,必须有,否则css文件不会被加载来(经chrome控制台Sources测试)。
type:规定被链接文档的MIME类型,可以省略。
我们都造link引用外部样式表都通常带有.css扩展名,然而引用自《css权威指南》P20
不一定非得有文件扩展名,但是一些较老浏览器无法识别包含样式表的文件,即使在link元素中确实包含了正确的text/css类型也无济于事,除非它有.css扩展名。实际上,除非文件名以.css结尾,有些web服务器甚至不会将文件作为text/css传递,不过这个问题通常可以改变服务器的配置文件来修正。
然后尝试了下不带扩展名link css文件确实可以,控制台输出如下,浏览器会自己解释为样式表但是MIME却成了text/plain纯文本形式(不论link中有没有设定type属性,原因见引用)
title:link元素是可以有title属性的,用来生成候选样式列表。说到候选样式表就先说首选样式表(如果为一个rel为stylesheet的link指定了标题,也就指定了该样式表要作为首选样式表)。如果将一组样式表特定为首选样式表,那么只会使用其中某一个。但是谁会被忽略这是无法确定的,所以慎用title。测试于chrome,总是显示先引入的,并不会层叠覆盖。
注:内联样式的style属性可以与其他任何除过body外部出现的HTML标记关联。
相关文章推荐
- css之几个细节
- css布局——百度前端技术学院
- CSS多列布局Multi-column、伸缩布局Flexbox、网格布局Grid详解
- css公共样式,初始化
- CSS清除浮动常用方法小结
- CSS之BFC详解
- CSS 布局_如何实现容器中每一行的子容器数量随着浏览器宽度的变化而变化?
- css篇——float
- PS图层样式中的“图案叠加”技巧
- css3实现三角形指向的div
- css之父子选择器
- div+css样式
- css之通配符选择器
- CSS的定位(绝对定位 相对定位 固定定位
- css中px和em,rem的区别
- css3实现各种角度的三角形
- css 实现未知图片垂直居中
- Git -- 自定义git样式
- css基础
- css的伪元素