CSS笔记-CSS语法规范

写在前面

        前面学习HTML时用的txt纯文档,虽然方便,但是总归翻起来过于麻烦,也想过用VScode直接边写边记,结果就是虽然很方便,但是后面整理起来很麻烦,无奈试了试Typora,发现写起来跟麻烦程度跟博客没区别了,思考再三还是决定用博客来记笔记比较方便。

CSS语法规范

使用CSS时要遵从一定的规范,想要熟练使用CSS对网页修饰,首先需要了解CSS样式规则

CSS规则由两个主要部分组成:选择器和一条及多条声明

h1 {color:red  font-size:25px}
h1是选择器   colors是属性    red是值
  • 选择器是用于指定CSS样式的HTML标签,{}是对该对象设置的具体样式
  • 属性和属性值以"键值对"的形式出现
  • 属性写完后面用:隔开
  • 值写完后用;表结束
例如
<style> 
       p{                    /*选择器 {样式}*/
         color:red           /*给谁改样式 {改什么样式}*/
         font-size: 12px         /*font-size 文字大小*/
       }
</style>

注意!内镶式css一定要写在<head>里

CSS代码风格

  1. 样式格式书写
    • 紧凑型格式
    • h3 { color:deeppink; font-size:20px;}
    • 展开格式
    • h3 { 

              color:pink;

              font-size:20px;

          }

    • 个人推荐第二种格式,因为占用行更多更直观 :huaji2: 
  2. 样式大小写
    • 这个不用考虑,选择器,属性名,属性值关键字母全部使用小写字母,特殊情况除外
  3. 空格规范
    • h3{

          color: pink;

      }

    • 属性值前面,冒号后面,保留一个空格
    • 选择器(标签)和大括号中间保留空格

 

 



            
点赞

发表评论