一、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)

?

?????

轉載于:https://www.cnblogs.com/sunny0515/archive/2012/11/06/2756993.html

總結

以上是生活随笔為你收集整理的转JS总结1--(CSS书写规范和正则表达式)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。