Moeyuame的博客

  • 首页
    • 导航页
    • 旧站
  • Git
    • GitHub
    • My GitHub
  • 学习板块
    • 学习类资源
  • 账户
    • 登录
    • 注册
  • 友链
  • 实验室
    • 函数绘制
    • 动态表格绘制
    • 来点功德
Moeyuame's Blog
Hello world!
  1. 首页
  2. 笔记
  3. 正文

CSS笔记-CSS语法规范

2022年7月29日 433点热度 1人点赞 0条评论

写在前面

        前面学习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]

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

              color:pink;

              font-size:20px;

          }

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

          color: pink;

      }

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

 

 



                        
标签: 笔记
最后更新:2022年7月29日

Moeyuame

这个人很懒,什么都没留下

打赏 点赞
下一篇 >

文章评论

您需要 登录 之后才可以评论
Moeyuame的文章分类
  • 技术交流
  • 教程
  • 日常杂谈
  • 笔记
最近评论
Moeyuame 发布于 2 年前(08月23日) 催更催更 :huaji2:
Moeyuame 发布于 2 年前(06月07日) :huaji2:
Moeyuame 发布于 2 年前(04月08日) :pen:
Moeyukina 发布于 2 年前(04月08日) 改回去你也抹不掉历史画面 哈哈哈哈哈哈哈 :huaji:
Moeyuame 发布于 2 年前(04月08日) 淦,输入法的锅

COPYRIGHT © 2023 Moeyuame的博客. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang