zoukankan      html  css  js  c++  java
  • 前端--关于CSS

    CSS全名层叠样式表,层叠的含义有三个:1.按照特殊性的高低,特殊性高的覆盖特殊性低的样式声明;2.不同属性的样式声明要合并;3.后出现的相同的样式声明覆盖先出现的。所以要改变样式的优先级也有三种方法:1.提升选择器的特殊性;2.改变样式的先后顺序;3.在需要提升优先级的样式声明分号前面加上!important;

    层叠样式表实际上也是一种语言--样式设计语言。既然是一种语言,它就会有自己的语法。层叠样式表的语法虽然和HTML一样简单,但没有HTML那么简单粗暴一下就全掌握了。这主要是因为css语法规则涉及内容比HTML多一些,所以先介绍以下3条最基本的语法:

    1.一个样式规则由两部分组成:选择器和声明块,声明块用大括号括起来。

    2.每个声明块由单个声明组成,单个声明是由冒号分开的属性-值对组成,并以分号结尾(最后一个声明可以不写分号);

    3.css注释的写法为/* */,没有双斜线//的注释写法,这点和javascript不同。

    例如 h2 {color:red;background-color:blue;}

    标准的css参考一般都会有一个关于属性取值的说明,这个属性取值说明也有自己的一套规则写法,这里先简单介绍一下,但不用特别在意这个东西,毕竟自己知道怎么写就行。

    首先是关于属性值的语法:

    1.属性值可以是关键字 例如 small 、normal等

    2.属性值可以是某个类型的值,写法是一对尖括号<>中间写上类型的名字  例如 <length> 可取20px 30px ...、<color>可取red、blue

    其次是关于属性值组合运算符的语法:

    1.空格  表示空格分开的属性值都要有而且先后顺序不能乱。

    2.&&   表示&&分开的属性值都要有但是先后顺序可以随意。

    3.||    表示||分开的属性值至少要出现一个,顺序可以随意。

    4.|     表示|分开的属性值只能出现一个

    5.[]    []的作用就是分组,把[]当作一个属性值整体

    最后是关于数量符号的语法:

    1.属性值后面为空表示只能出现一次。

    2.属性值后面为+号表示该属性值要出现1次以上

    3.属性值后面为?号表示该属性值出现0次或者0次以上

    4.属性值后面为{},{1,3}表示该属性值出现1到3次

    5.属性值后面为#表示属性值出现一次或者一次以上,但每个属性值要用逗号,隔开

    这些和正则表达式的规则类似。

    例如   letter-spacing  值:<length>|normal    表示letter-spacing只能为数字或者关键字normal

  • 相关阅读:
    Django~1
    Codeforces Round#201(div1) D. Lucky Common Subsequence
    ACdream原创群赛(18)のAK's dream题解
    区间dp
    部署AlwaysOn第三步:集群资源组的健康检测和故障转移
    Join 和 App
    SSRS配置1:凭证和邮件
    巧用Alt 键
    把Excel的数据导入到数据库
    jvm系列:Java GC 分析
  • 原文地址:https://www.cnblogs.com/jinjilin/p/5013690.html
Copyright © 2011-2022 走看看