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

相关推荐
LYS_0618几秒前
寒假学习(12)(HAL库3+模数电12)
学习
程序员鱼皮2 分钟前
前特斯拉 AI 总监:AI 编程最大的谎言,是 “提效”
前端·后端·ai·程序员·开发
pusheng202514 分钟前
普晟传感2026年新春年会总结与分析
前端·javascript·html
lxl130715 分钟前
学习C++(7)初始化列表+隐式类型转换
学习
谢尔登16 分钟前
React19事件调度的设计思路
前端·javascript·react.js
Emma_Maria26 分钟前
本地项目html和jquery,访问地址报跨域解决
前端·html·jquery
悠哉悠哉愿意27 分钟前
【物联网学习笔记】按键
笔记·单片机·嵌入式硬件·物联网·学习
奋斗吧程序媛31 分钟前
常用且好用的命令
前端·编辑器
愚者游世34 分钟前
list Initialization各版本异同
开发语言·c++·学习·程序人生·算法
szcsun534 分钟前
机器学习(四)--无监督学习
人工智能·学习·机器学习