CSS学习中引入CSS样式的方法之一

 2024-03-16 02:09:07  阅读 0

CSS样式引入方法,一般最好使用链接添加远程样式,但缺点是当网速慢时,这种方法很容易因为样式未加载而导致页面变形。 很多大型网站首页直接写入页面。

在HTML中,我们通常使用link元素来引入外部样式表。 链接具有以下属性:

1. rel,代表“关系”(),这里的关系(即rel值)为“”;

2. type,始终设置为“text/css”,描述使用链接加载的数据类型;

3. href,值为样式表的URL,可以是相对的,也可以是绝对的;

4. media,默认值为“all”,表示样式表应应用到媒体上进行呈现。 还有其他值:aural(用于语音合成器、屏幕阅读器和其他文档的声音呈现)、(用于设备呈现)(打印文档时使用)、(从设备打印时使用)、(用于手持设备)、 print(为视力正常的用户打印文档时使用,也用于显示文档的打印预览)、(用于投影仪器)、(用于屏幕媒体,例如计算机显示器)、tty(在以屏幕形式显示文档时使用)固定间距环境,例如电传打字机)、电视(在电视上显示文档时使用)。 但是,对它们的支持可能因浏览器而异。

5、Title不常用,但当rel值为“”时,可以利用title属性生成候选样式表列表,供用户选择。

当rel值为“ ”时,还可以提供一个候选样式表,只有当用户选择该样式表时,才会用于文档呈现。 代码示例如下:

复制代码

代码如下所示:

除此之外,我们还可以使用内部样式表向页面添加样式:

复制代码

代码如下所示:

我经常见到很多朋友

接下来就是内联样式,即在HTML标签中添加style属性,并写入需要的样式。 但请注意@不能在内联样式中使用。 代码示例:

复制代码

代码如下所示:

CSS

上述做法是错误的。

目前就这些,后续我会继续补充。 ^_^

标签: css css样式

如本站内容信息有侵犯到您的权益请联系我们删除,谢谢!!


Copyright © 2020 All Rights Reserved 京ICP5741267-1号 统计代码