HTML5中应用CSS样式有三种方式:一、用link标签外链CSS文件,实现样式与结构分离;二、用style标签内嵌CSS,适用于单页专用样式;三、用style属性内联样式,仅作用于单个元素且优先级最高。

如果您在HTML5文档中需要应用CSS样式,可以通过外部链接或内部嵌入两种基本方式实现。以下是具体操作步骤:
一、使用link标签外链CSS文件
通过标签在HTML5文档的
部分引入外部CSS文件,可实现样式与结构分离,便于维护和复用。1、确保CSS文件已保存为独立文件(例如style.css),并位于与HTML文件可访问的路径下。
2、在HTML5文档的
标签内添加元素,设置rel属性为"stylesheet",type属性为"text/css"(HTML5中type可省略),href属性指向CSS文件路径。立即学习“前端免费学习笔记(深入)”;
3、示例代码:
4、若CSS文件位于子目录中,需正确书写相对路径,如href="css/style.css";若为绝对路径,可使用根相对路径href="/assets/style.css"。
二、使用style标签内嵌CSS样式
通过
1、在HTML5文档的
部分插入4、注意:
三、在style属性中内联单个元素样式
通过元素的style属性直接定义CSS声明,作用范围仅限该HTML元素,优先级高于外链和内嵌样式。
1、在目标HTML元素的开始标签中添加style属性。
2、在style属性值中以分号分隔多个CSS声明,键值对之间用冒号连接。
3、示例代码: 这段文字为蓝色且字号16像素
4、避免在大型项目中大量使用,因其难以复用且破坏结构与样式的分离原则。










