写在前面
前面学习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;
}
- 属性值前面,冒号后面,保留一个空格
- 选择器(标签)和大括号中间保留空格
文章评论