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 总结

相关推荐
spmcor4 分钟前
React 架构师之路:Next.js 全栈革命(第八篇)
前端·react.js
英勇无比的消炎药4 分钟前
TinyRobot 源码深度分析:OpenTiny 的 AI 对话组件库
前端·vue.js·github
假如让我当三天老蒯6 分钟前
React基础、进阶(学习用)
前端·react.js·面试
风骏时光牛马8 分钟前
HTML十大经典实战代码案例合集
前端
weedsfly9 分钟前
前端必知必会:从 IIFE 到 ESM,模块化到底在解决什么?
前端·javascript
笨鸟飞不快17 分钟前
从单个服务到集群:一次完整的性能排查复盘
java·前端
禅思院43 分钟前
Vite vs Webpack 深度对比:从启动原理到生产构建,一篇就够了
前端·架构·前端框架
IT_陈寒44 分钟前
Vue的响应式真把我坑惨了,原来问题出在这
前端·人工智能·后端
朦胧之11 小时前
AI 编程-老项目改造篇
java·前端·后端
swipe14 小时前
从 0 到 1 实现大文件上传:分片、秒传、断点续传、暂停、重试与服务端合并
前端·javascript·面试