CSS学习(三)

目录

[1. CSS引入方式](#1. CSS引入方式)

[1.1 三种样式表](#1.1 三种样式表)

[1.2 内部样式表(嵌入式引入)](#1.2 内部样式表(嵌入式引入))

[1.3 行内样式表(内联样式表)](#1.3 行内样式表(内联样式表))

[1.4 外部样式表](#1.4 外部样式表)

[1.5 总结](#1.5 总结)


1. CSS引入方式

1.1 三种样式表

1.2 内部样式表(嵌入式引入)

写到html页面内部,是将所有CSS代码提取出来放在<style>里,方便控制整个页面的元素样式设置。<style>标签理论上可以放在HTML文档的任何地方,但我们一般放在<head>标签中。

代码结构清晰,但并没有使结构与样式完全分离。

1.3 行内样式表(内联样式表)

在元素标签的内部的style属性中设定CSS样式,适合于修改简单样式。

需要记得写**双引号,**可以控制当前标签的样式

1.4 外部样式表

将样式单独写到CSS文件中,之后再把文件引入到HTML页面中进行使用。适合样式较多的情况。

1.5 总结

相关推荐
小小愿望11 分钟前
彻底禁用移动端H5页面默认下拉刷新功能:原理与实战
前端
Antioper20 分钟前
盘点前端经典手写代码题
前端
断竿散人20 分钟前
⚡CSS动画性能优化:60fps丝滑体验的终极秘籍
前端·css·性能优化
天天摸鱼的java工程师24 分钟前
前端难还是后端难?作为八年后端开发,我想说点实话
前端·后端·程序员
工呈士43 分钟前
TCP/IP 协议详解
前端·后端·面试
无名小猴1 小时前
Charpter14-Business Logic Vulnerabilities
学习
AryaNimbus1 小时前
“我 Cursor Pro 怎么用三天就没了?”——500 次额度的真相是这样
前端·cursor
Turing_0101 小时前
《HarmonyOS Next分布式实战:跨设备流转玩出花!迁移+协同=超级终端》
前端
前端小巷子1 小时前
跨标签页通信(二):Service Worker
前端·面试·浏览器
默默地离开1 小时前
文档流之css布局块(盒子模型)
前端·css