参考文档CSS手册 - API参考文档 (apiref.com)
网页分为三部分
- 行为 js
- 表现 css
- 结构 htm
层叠:网页是一个多层的结构,通过css可以分别给网页每一个层设置样式
<!--使用css 来修改元素的样式第一种方式:标签里使用style属性(内联样式,行内样式)--><p style="color: red;font-size: 20px;">我爱吃鱼香茄子</p>在开发的时候,不推荐使用内联样式内联样式只能对一个标签生效,如果要影响多个元素,增加代码冗余量
<p style="color: red;font-size: 20px;">我爱吃鱼香茄子</p>内部样式表- 编写在head种的style标签中
- 通过css的选择器来选中元素来设置样式
- 可以同时设施多个标签的样式,且修改的时候一键修改
<style>p{color: aqua;font-size: 50px;}</style>外部样式表需要通过link标签进行引入,只要想要使用这些样式的网页都可以使用开发推荐使用
<!-- 第三种方式:外部样式表 --><link rel="stylesheet" href="https://tazarkount.com/read/css/01-css.css">将样式表写到外部css文件种,可以使用浏览器的缓存机制,可以加快网站的加载速度css语法注释
/**/语法:选择器 声明块选择器选择页面的指定元素 。
声明块
- 通过声明块来指定给选择的元素设置的样式
- 由一个一个的声明组成
- 声明是一个键值对的结构
- 一个样式名对应一个样式值,键值之间:链接,以;结尾
p{color: aqua;font-size: 50px;}vscode快捷键:shift+alt+上下箭头,快速复制选择器元素选择器
- 根据标签名选中指定的元素
- 语法:标签名{}
p{} h1{} div{}id选择器
#yxqz{color: cadetblue;}
- 春季老年人吃什么养肝?土豆、米饭换着吃
- 三八妇女节节日祝福分享 三八妇女节节日语录
- 老人谨慎!选好你的“第三只脚”
- 校方进行了深刻的反思 青岛一大学生坠亡校方整改校规
- 脸皮厚的人长寿!有这特征的老人最长寿
- 长寿秘诀:记住这10大妙招 100%增寿
- 春季老年人心血管病高发 3条保命要诀
- 眼睛花不花要看四十八 老年人怎样延缓老花眼
- 香槟然能防治老年痴呆症? 一天三杯它人到90不痴呆
- 老人手抖的原因 为什么老人手会抖
