写在前面
前面学习HTML时用的txt纯文档，虽然方便，但是总归翻起来过于麻烦，也想过用VScode直接边写边记，结果就是虽然很方便，但是后面整理起来很麻烦，无奈试了试Typora，发现写起来跟麻烦程度跟博客没区别了，思考再三还是决定用博客来记笔记比较方便。
[title]CSS语法规范[/title]
使用CSS时要遵从一定的规范，想要熟练使用CSS对网页修饰，首先需要了解CSS样式规则
CSS规则由两个主要部分组成：选择器和一条及多条声明
h1 {color:red font-size:25px}
h1是选择器 colors是属性 red是值- 选择器是用于指定CSS样式的HTML标签，｛｝是对该对象设置的具体样式
- 属性和属性值以"键值对"的形式出现
- 属性写完后面用:隔开
- 值写完后用;表结束
[collapse title="例如"]
<style>
p{ /*选择器 ｛样式｝*/
color:red /*给谁改样式 ｛改什么样式｝*/
font-size: 12px /*font-size 文字大小*/
}
</style>[/collapse]
注意！内镶式css一定要写在<head>里
[title]CSS代码风格[/title]
- 样式格式书写
- 紧凑型格式
- h3 { color:deeppink; font-size:20px;}
- 展开格式
h3 {
color:pink;
font-size:20px;
}
- 个人推荐第二种格式，因为占用行更多更直观 :huaji2:
- 样式大小写
- 这个不用考虑，选择器，属性名，属性值关键字母全部使用小写字母，特殊情况除外
- 空格规范
- h3{
color: pink;
}
- 属性值前面，冒号后面，保留一个空格
- 选择器（标签）和大括号中间保留空格
文章评论