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

相关推荐
huohuopro21 分钟前
Vue3快速入门/Vue3基础速通
前端·javascript·vue.js·前端框架
大溪地C21 分钟前
CSS详细学习笔记
css·笔记·学习
草巾冒小子22 分钟前
vue3中解决 return‘ inside ‘finally‘ block报错的问题
前端·javascript·vue.js
互联网搬砖老肖37 分钟前
Web 架构之高可用基础
前端·架构
LVerrrr43 分钟前
Missashe考研日记-day32
学习·考研
zfyljx1 小时前
五子棋html
前端·css·html
蓑笠翁0012 小时前
Python异步编程入门:从同步到异步的思维转变
linux·前端·python
吃货界的硬件攻城狮2 小时前
【STM32 学习笔记】ADC数模转换器
笔记·stm32·单片机·学习
菜鸟破茧计划2 小时前
C++ 算法学习之旅:从入门到精通的秘籍
c++·学习·算法
海尔辛2 小时前
学习黑客 MAC 地址深入了解
学习·macos·php