现在的位置: 首页 > 综合 > 正文

JS总结1–(CSS书写规范和正则表达式)

2013年09月02日 ⁄ 综合 ⁄ 共 2083字 ⁄ 字号 评论关闭

一、CSS书写规范:

 

1、文字:font: font-style font-variant font-weight font-size/line-height font-family;

2、边框:border:border-width border-style border-color;

3、背景:background:background-color background-image background-repeat background-attachment background-postion

4、list-style:list-style-type list-style-postion list-style-image;

5、outline:outline-color outline-style outline-width;

 

6、效率规则:1)、显示样式:display/postion/float/clear

                    2)、自身样式:width/height/margin/padding/border/background

                    3)、内容样式:line-height/text-align/font系列(font-size/font-weight)/color/text-decoration/vitical-align

 

7、链接 a:link -> a:visited ->a:hover ->a:active  (LVHA爱恨规则)

 

 

二、正则表达式:

 

1、. 匹配除换行之外的任意字符         eg: /bhi/b.*/blucy/b

     /d 匹配一位数字  eg: 0/d{2}-/d{8} 

     /s 匹配任意空白符(空格、制表符Tab、换行符、中文全角空格等)

     /w 匹配字符或者数字或下划线或汉字等

     + 匹配1次或多次。

     * 重复任意次(可能是0)

     /b匹配单词的开始和结束

     ^ 匹配字符串的开始

     $ 匹配字符串的结束      eg: ^/d{5,12}$ (QQ号为5到12位的)

     {n} 重复n次

     {n,} 重复n次或多次

     {n, m} 重复n次到m次

     ? 重复0次或1次

     [0-9] 匹配0到9的数字

     |  分隔符

    

     /W 匹配非字母,数字,下划线或汉字等

     /S 匹配非空白符的

     /D 匹配非数字的

     /B 匹配匹配单词的非开始和结束的位置

     [^x] 匹配除x以外的字符

     [^aeiou] 匹配除aeiou这几个字母之外的任意字符    eg: <a[^>]+> 匹配以尖括号括起来的以a开头的字符串。

 

    (exp) 匹配exp并捕获文本到自动命名的组里        eg: /b(/w+)/b/s+/1/b 匹配重复的单词  (go go 或kitty kitty)

    (?<name>exp) 匹配exp,并捕获文本到名称为name的组里       eg: /b(?<word>/w+)/b/s+/k<word>/b

    (?'name'exp)   同上

    (?:exp) 匹配exp,不捕获文本,不分组,不分配组号

    (?=exp) 匹配exp前面的位置      eg: (?<=/s)/d+(?=/s) 匹配以空白符间隔的数字(不包括空白符)

    (?<=exp) 匹配exp后面的位置

    (?!exp) 匹配后面跟的不是exp的位置

    (?<!exp) 匹配前面不是exp的位置          eg: /b/w+(?=ing/b) 匹配以ing结尾的单词(除ing之外的部分)    dancing -> danc

    (?#comment) 注释

 

 

代码/语法 说明
/a 报警字符(打印它的效果是电脑嘀一声)
/b 通常是单词分界位置,但如果在字符类里使用代表退格
/t 制表符,Tab
/r 回车
/v 竖向制表符
/f 换页符
/n 换行符
/e Escape
/0nn ASCII代码中八进制代码为nn的字符
/xnn ASCII代码中十六进制代码为nn的字符
/unnnn Unicode代码中十六进制代码为nnnn的字符
/cN ASCII控制字符。比如/cC代表Ctrl+C
/A 字符串开头(类似^,但不受处理多行选项的影响)
/Z 字符串结尾或行尾(不受处理多行选项的影响)
/z 字符串结尾(类似$,但不受处理多行选项的影响)
/G 当前搜索的开头
/p{name} Unicode中命名为name的字符类,例如/p{IsGreek}
(?>exp) 贪婪子表达式
(?<x>-<y>exp) 平衡组
(?im-nsx:exp) 在子表达式exp中改变处理选项
(?im-nsx) 为表达式后面的部分改变处理选项
(?(exp)yes|no) 把exp当作零宽正向先行断言,如果在这个位置能匹配,使用yes作为此组的表达式;否则使用no
(?(exp)yes) 同上,只是使用空表达式作为no
(?(name)yes|no) 如果命名为name的组捕获到了内容,使用yes作为表达式;否则使用no
(?(name)yes)

      

抱歉!评论已关闭.