首页 >web前端 >css教程 > 正文

css的语法规则是什么

原创2021-02-04 18:44:4301640

css的语法规则是“选择器以及一条或多条声明”,样式声明如“@charset "utf-8";”,该声明语句是以@开头,紧跟着是标识符,最后以分号结尾即可。

本文操作环境:windows7系统、Dell G3电脑、HTML5&&CSS3。

css的语法规则是什么?

1、CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明:

选择器{
    声明1;
    声明2;
    声明3;
    ......
}

5a2316264b345b95bc4024de1dd50c4.png

2、CSS样式申明——At-rule

例如:@charset "utf-8";

样式申明以@开头,紧跟着是标识符(charset),最后以分号(;)结尾。

几个at-rules

@charset—定义被样式表使用的字符集

@import——告诉CSS引擎包含外部的CSS样式表

@namespace——告诉CSS引擎所有的内容都必须考虑使用XML命名空间前缀

嵌套at-rules

@media——条件组规则。如果设备符合标准定义的条件查询则使用该媒体

@font-face——描述了一个将从外部下载的字体

@keyframes——描述了中间步骤在CSS动画的序列

@page——描述了文件的布局变化,当要打印文档时。

@supports——条件组规则,如果浏览器满足给出的规则,则把它应用到内容中

@document——条件组规则,如果被用到文档的CSS样式表满足了给定的标准,那么将被应用到所有的内容中。

推荐:《css视频教程

以上就是css的语法规则是什么的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:css
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • HTML+CSS网页基础HTML+CSS网页基础
  • CSS 代码实例CSS 代码实例
  • CSS3 极速入门CSS3 极速入门
  • 玩转CSS Flexbox弹性盒子布局(2021新课)玩转CSS Flexbox弹性盒子布局(2021新课)
  • 让布局像5G一样快:CSS Grid网格布局让布局像5G一样快:CSS Grid网格布局
  • 视频教程分类