web前端全系列 教程
1839个小节阅读:2243.5k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
要使用内联样式,你需要在相关的标签内使用样式(style)属性。Style 属性可以包含任何 CSS 属性
温馨提示
缺乏整体性和规划性,不利于维护,维护成本高
xxxxxxxxxx
<p style="background: orange; font-size: 24px;">CSS<p>
当单个文档需要特殊的样式时,就应该使用内部样式表。你可以使用 <style>
标签在文档头部定义内部样式表
温馨提示
单个页面内的CSS代码具有统一性和规划性,便于维护,但是在多个页面之间容易混乱
xxxxxxxxxx
<head>
<style>
h1 {
background: red;
}
</style>
</head>
当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link>
标签链接到样式表。 <link>
标签在(文档的)头部
xxxxxxxxxx
<link rel="stylesheet" type="text/css" href="xxx.css">
此种方式使用率比较低,因为会影响加载速度
xxxxxxxxxx
<style type="text/css">
@import url("css文件路径");
</style>
@import
是CSS
提供加载样式的一种方式,只能用于加载CSS
。link
标签除了可以加载CSS
外,还可以做很多其它的事情,比如定义rel
连接属性等link
引用的CSS
会同时被加载,@import
引用的CSS
会等到页面全部被下载完再被加载。所以有时候浏览@import
加载CSS
的页面时开始会没有样式(就是闪烁),网速慢的时候会比较明显@import
在IE5
以上才能识别,而link
标签无此问题dom
控制样式时的差别。当使用javascript
控制dom
去改变样式的时候,只能使用link
标签,因为dom
操作元素的样式时,用@import
方式的样式也许还未加载完成@import
方式会增HTTP
请求,会影响加载速度,所以谨慎使用该方法实时效果反馈
1.外部CSS样式的引入方式,以下正确的是:
A <style></style>
B <link rel="stylesheet" type="text/css" href="xxx.css">
C <p style="background: orange; font-size: 24px;">CSS<p>
D @import url("css文件路径")
答案
1=>B