CSS 应用样式的方法有：1. 行内样式 2. 嵌入样式 3. 外部样式表 4. CSS 预处理器 5. JavaScript
CSS 应用样式
CSS（层叠样式表）提供了多种应用样式的方法：
1. 行内样式
通过直接在 HTML 元素中使用 style 属性为特定元素应用样式。
立即学习“前端免费学习笔记（深入）”；
文本
2. 嵌入样式
将样式规则写入 元素内，并将其包含在 HTML 文档的 元素中。
p { color: red; background-color: yellow; }
3. 外部样式表
将样式规则存储在单独的 .css 文件中，并通过 元素将其链接到 HTML 文档。
4. CSS 预处理器
使用像 Sass、Less 和 Stylus 这样的 CSS 预处理器编写 CSS 代码。这些预处理器提供附加功能，如变量、嵌套和混入。
// Sass 代码$color: red;p { color: $color;}
5. JavaScript
利用 DOM（文档对象模型）API 使用 JavaScript 动态地应用样式。
const paragraph = document.querySelector('p');paragraph.style.color = 'red';
以上就是css应用样式有几种的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1628649.html
微信扫一扫 
支付宝扫一扫 
