• 技术文章 >web前端 >前端问答

    css3语法规则由什么组成

    青灯夜游青灯夜游2021-12-15 17:21:00原创78

    css3语法规则由“选择器”、“属性”和“属性值”三个部分组成。“选择器”指定css样式编码所要针对的对象,“属性”是CSS提供的设置好的样式选项,“属性值”是用来显示属性效果的参数。

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

    样式是 CSS 最小语法单元,CSS语法由三部分构成,分别:选择器、属性和属性值。

    1.gif

    值的不同写法和单位

    除了英文单词 red,我们还可以使用十六进制的颜色值 #ff0000:

    p { color: #ff0000; }

    为了节约字节,我们可以使用 CSS 的缩写形式:

    p { color: #f00; }

    我们还可以通过两种方法使用 RGB 值:

    p { color: rgb(255,0,0); }
    p { color: rgb(100%,0%,0%); }

    请注意,当使用 RGB 百分比时,即使当值为 0 时也要写百分比符号。但是在其他的情况下就不需要这么做了。比如说,当尺寸为 0 像素时,0 之后不需要使用 px 单位,因为 0 就是 0,无论单位是什么。

    记得写引号

    提示:如果值为若干单词,则要给值加引号:

    p {font-family: "sans serif";}

    CSS高级语法:选择器的分组

    你可以对选择器进行分组,这样,被分组的选择器就可以分享相同的声明。

    用逗号将需要分组的选择器分开。在下面的例子中,我们对所有的标题元素进行了分组。所有的标题元素都是绿色的。

    h1,h2,h2,h3,h5,h6 {
    color: green;
    }

    (学习视频分享:css视频教程

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

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css3 语法规则
    上一篇:css3中设置元素边距的属性有哪些 下一篇:html5进度条的标签是哪个标签
    php中文网线上培训班

    相关文章推荐

    • css3怎样实现div右侧滑入• css3的文本属性有哪些• css3可以加文字描边吗• css3关系选择器有哪几种• css3怎么实现放大旋转动画效果

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网