���������˶�����һ�汾��CSS������CSS2������ͬ����������¼��ݵĽ�������CSS�Ժ�İ汾��������һ��������������ǿ��Լ�����������ơ�
��Щ�����DZ����ġ�����¼ D�е�����������ǵIJ�������ơ�
CSS�����м��𡪡�����1������2�Լ������ļ��𡪡���ʹ����ͬ�ĺ��������Ϳ������û��˽��������ܲ�����ȫ���⣩��ʽ��������Щ��ʽ�����������û��˳���ʱ��û�е�CSS����д�ɵġ�������Դ��������������ϵ��û����Ϲ�������ʽ����ͬʱ�ֱ���ʹ�����¼����CSS��
�ڴʻ㼶��CSS��ʽ������һϵ�еı�����CSS2�ı������±����С��������Lex��ʽ�淶����ʽ���˽������μ�ISO 10646��[ISO10646]������Lex�У�������ֶ���ƥ�䣬������Ǹ�ƥ������˱�����
���� | ���� |
---|---|
IDENT | {ident}
|
ATKEYWORD | @{ident}
|
STRING | {string}
|
HASH | #{name}
|
NUMBER | {num}
|
PERCENTAGE | {num}%
|
DIMENSION | {num}{ident}
|
URI | url\({w}{string}{w}\)
|
UNICODE-RANGE | U\+[0-9A-F?]{1,6}(-[0-9A-F]{1,6})?
|
CDO | <!--
|
CDC | -->
|
; | ;
|
{ | \{
|
} | \}
|
( | \(
|
) | \)
|
[ | \[
|
] | \]
|
S | [ \t\r\n\f]+
|
COMMENT | \/\*[^*]*\*+([^/][^*]*\*+)*\/
|
FUNCTION | {ident}\(
|
INCLUDES | ~=
|
DASHMATCH | |=
|
DELIM | any other character not matched by the above rules |
���������ڻ����ţ�{}���еĺ�Ķ������£�
�� | ���� |
---|---|
ident | {nmstart}{nmchar}*
|
name | {nmchar}+
|
nmstart | [a-zA-Z]|{nonascii}|{escape}
|
nonascii | [^\0-\177]
|
unicode | \\[0-9a-f]{1,6}[ \n\r\t\f]?
|
escape | {unicode}|\\[ -~\200-\4177777]
|
nmchar | [a-z0-9-]|{nonascii}|{escape}
|
num | [0-9]+|[0-9]*\.[0-9]+
|
string | {string1}|{string2}
|
string1 | \"([\t !#$%&(-~]|\\{nl}|\'|{nonascii}|{escape})*\"
|
string2 | \'([\t !#$%&(-~]|\\{nl}|\"|{nonascii}|{escape})*\'
|
nl | \n|\r\n|\r|\f
|
w | [ \t\r\n\f]*
|
������CSS�ĺ����������ȥ��һ�����������ʹ��������¼ D������һ�������ϸ����������ӽ���CSS����2�����ԡ�
stylesheet : [ CDO | CDC | S | statement ]*; statement : ruleset | at-rule; at-rule : ATKEYWORD S* any* [ block | ';' S* ]; block : '{' S* [ any | block | ATKEYWORD S* | ';' ]* '}' S*; ruleset : selector? '{' S* declaration? [ ';' S* declaration? ]* '}' S*; selector : any+; declaration : property ':' S* value; property : IDENT S*; value : [ any | block | ATKEYWORD S* ]+; any : [ IDENT | NUMBER | PERCENTAGE | DIMENSION | STRING | DELIM | URI | HASH | UNICODE-RANGE | INCLUDES | FUNCTION | DASHMATCH | '(' any* ')' | '[' any* ']' ] S*;
COMMENT����������г��֣�Ϊ��ʹ�����������������������Ŀ����Щ�������Գ�����������������κεط���
������е�S������ʾ�հ���ֻ���ַ����ո�Unicode����32�������Ʊ�������9���������С���10�������س�����13���Լ�����ҳ����12�����Գ����ڿհ��С��������ƿո���ַ����硰em-space����8195���͡�����ո�12288���϶����ǿհ�һ���֡�
�ؼ����Ա�ʶ������ʽ���֡��ؼ��ֲ����Է��������ţ�"..."��'...'��֮�䡣��ˣ�
red
��һ���ؼ��֣���
"red"���ǡ�������һ���ַ��������������Ϸ��������磺
width: "auto"; border: "none"; font-family: "serif"; background: "red";
����Ĺ���������Ч��
ע�⣬Unicode��ISO 10646�������Ӧ�ģ��μ�[UNICODE]��[ISO10646]����
���ȣ����ַ����У���б�ܺ��һ�����н������ԣ����������ַ����Ȳ�������б�ܣ�Ҳ���������У���
�ڶ�����ȡ���������CSS�ַ��ĺ��塣�κ��ַ�������ʮ�����������������ɷ�б��ת����������������ĺ��塣���磬"\""��һ������˫���ŵ��ַ�������ʽ���Ĵ���������������ʽ����ȥ����Щ��б�ܣ������ı���ʽ���ĺ��塣
��������б��ת�����������������ĵ��в���������ַ�������������£���б�ܺ���Ϊ��λ��ʮ����������0..9A..F������ʾISO 10646��[ISO10646]���ж�Ӧ�ڸ���ֵ���ַ��� �����ʮ����������������ֻ���ĸ����ô��ʮ���������Ľ���Ҫ����������������������������
��ʵ�ϣ��������������Խ����������ʮ�����ƺ�ֻ����һ���հ��ַ��������ζ��ת��֮��������Ŀհױ���ת����ظ�һ�Ρ�
�κΰ汾��CSS��CSS��ʽ��������һϵ�е��������������������������䣺@�����������������Χ�������հ���
���淶�У����������ǰ�������ں�ʾ����û�в���հ�ע�⡣
@������һ���ؼ���@��ʼ�������ں����һ����ʶ������'@import'��'@page'����
һ��@�����������һ���ֺ�(;)����һ��������������ݣ����ȳ��ֵ�Ϊ�ֽ磩��CSS�û���һ�����ϲ���ʶ��@����������������һ�����������Ľ�����
CSS2�û��˱������������ڳ��ֻ��������κ�һ������֮����ֵ��κ�'@import'����
�ٶ�һ��CSS2�������������µ���ʽ����
@import "subs.css"; H1 { color: blue } @import "list.css";
����CSS2���ڶ���'@import'�ǷǷ��ġ�CSS2��������������@���Ӷ���Ч����ʽ������Ϊ��
@import "subs.css"; H1 { color: blue }
������������У��ڶ���'@import'��������Ч�ģ���Ϊ��������һ��'@media' ���С�
@import "subs.css"; @media print { @import "print-main.css"; BODY { font-size: 10pt } } H1 {color: blue }
A ����һ�������ţ�{����ʼ��������ƥ����һ����ţ�}������������䣬�������κ��ַ������ǣ����ţ�( )���������ţ�[ ]���ͻ����ţ�{ }������ɶԳ��֣�������Ƕ�ס������ţ�'����˫���ţ�"��Ҳ����ɶԳ��֣������ַ�������Ϊһ���ַ������ַ����Ķ���μ��������������
������һ��������ӡ�ע�⣬˫�����ڵ��һ����Ų���ƥ�䱾�鿪ʼ�Ļ����š����ڶ�������������ת���ַ��У��Ӷ���ƥ���һ�������ţ�
{ causta: "}" + ({7} * '\'') }
ע�⣬�������ܲ�����Ч��CSS2��������һ����Ķ��塣
һ������Ҳ��Ϊ����������һ��ѡ���ӣ��Լ����������顣
һ����������������Ҳ��Ϊ{}�飩�������ſ�ʼ��{��������֮ƥ����һ����ţ�}���������������������Էֺţ�;���ָ���������б���
ѡ�������μ�ѡ����һ�ڣ��������쵽�����Dz���������һ�������ţ�{�����������ݡ� һ��ѡ�������Ǻ�һ��{}�����档����û���������ѡ���ӣ����磬��������Ч��CSS2������Ҳ��������{}�顣
CSS2����ѡ�����еĶ��ţ�,��������ĺ��塣���������ڻ���֪���ڽ�����CSS�汾�ж����Ƿ���������ĺ��壬��ѡ�������κεط�������ʹѡ���ӵ��������ֿ��ܿ�������CSS2�Ǻϣ�����������佫��������
���磬����"&"��CSS2�в���һ����Ч�ı�����CSS2�û��˱������������ڶ��У�Ҳ����H3����ɫ����Ϊ��ɫ��
H1, H2 {color: green } H3, H4 & H5 {color: red } H6 {color: black }
������һ�������ӵ����ӡ�ǰ���Ի��������ַ����У����������ѡ���ӵĽ���������һ����Ч��CSS2��䡣
P[example="public class foo\ {\ private int x;\ \ foo(int x) {\ this.x = x;\ }\ \ }"] { color: red }
һ������ҪôΪ�գ�Ҫô����һ�������������һ��ð�ţ�:���������һ��ֵ�����������հ���
����ѡ���ӹ����ķ�ʽ��ͬһѡ���ӵĶ���������������Էֺţ�;���ָ���顣
��ˣ�����Ĺ���
H1 { font-weight: bold } H1 { font-size: 12pt } H1 { line-height: 14pt } H1 { font-family: Helvetica } H1 { font-variant: normal } H1 { font-style: normal }
�͵�ͬ�ڣ�
H1 { font-weight: bold; font-size: 12pt; line-height: 14pt; font-family: Helvetica; font-variant: normal; font-style: normal }
һ��������һ����ʶ����ֵ�п��Գ����κ��ַ����������ţ�"( )"���������ţ�"{ }"���������ţ�'����˫���ţ�"������ƥ��ɶԳ��֡��������ַ����еķֺű���ת�������ţ������źͻ����ſ���Ƕ�ס��������У��ַ�����Ϊһ���ַ�����
ֵ����ɸ����Ե����涨�����κ�����£�ֵ�Ĺ��ɰ�����ʶ�����ַ�������ֵ�����ȣ��ٷֱȣ�URI����ɫ���Ƕȣ�ʱ���Ƶ�ʵȡ�
�û��˱�������������Ч����������Чֵ��������ÿһ��CSS2���Զ������Լ��������������ƣ��涨�����Խ��ܵ�ֵ��
���磬���Ǽٶ�CSS2�������������µ���ʽ����
H1 { color: red; font-style: 12pt } /* ��Чֵ��12pt */ P { color: blue; font-vendor: any; /* ��Ч���ԣ�font-vendor */ font-variant: small-caps } EM EM { font-style: normal }
��һ���У��ڶ�����������һ����Чֵ'12pt'���ڶ��еĵڶ�����������δ���������'font-vendor'��CSS2��������������Щ�������Ӷ���Ч����ʽ������Ϊ��
H1 { color: red; } P { color: blue; font-variant: small-caps } EM EM { font-style: normal }
ע�����ַ�"/*"��ʼ�������ַ�"*/"���������ǿ����ڱ���֮����κ�λ�ó��֣����ǵ����ݶ���Ⱦû���κ�Ӱ�졣ע�ⲻ��Ƕ�ס�
CSSҲ����SGMLע��ķָ����"<!--"��"-->"��������ijЩ�ض��ĵط����������Dz��ָ�CSS��ע�⡣����SGMLע��ķָ������ʹ��ʽ���������HTMLԴ�ĵ��е�STYLEԪ���ڣ����Ҷ���3.2�汾��ǰ��HTML�û����Dz��ɼ��ġ��������Ϣ����μ�HTML 4.0�淶��[HTML40]����
ijЩ����£��û��˱������һ�����Ϸ�����ʽ����һ���֡����淶���������ĺ������û��˽������Ϸ��IJ��֣����ҵ����Ŀ�ʼ�ͽ����������Dz������κδ���������ͬ��������������
Ϊ�˱�֤�ڽ�����Ϊ���е����Լ����µ�ֵ������µ����ԣ��û�����������������ʱ��������ѭ���¹���
H1 { color: red; rotation: 70minutes }
�û�������һ��ʽ��ʱ����ͬ
H1 { color: red }
IMG { float: left } /* ��ȷ��CSS2 */ IMG { float: left here } /* "here"����'float'��ֵ */ IMG { background: "red" } /* CSS2�йؼ��ֲ����Լ����� */ IMG { border-width: 3 } /* ����ֵ����ָ����λ */CSS2��������������һ���������������Ĺ�����ͬ��
IMG { float: left } IMG { } IMG { } IMG { }
�뽫����CSS�淶һ�µ��û��˻����Խ���һ������������Ĺ���
@three-dee { @background-lighting { azimuth: 30deg; elevation: 190deg; } H1 { color: red } } H1 { color: blue }
'@three-dee'������CSS2��һ���֡��������@����ֱ���������������һ����ţ�����������CSS2�û������������Ӷ���Ч����ʽ��Ϊ��
H1 { color: blue }
ijЩֵ�����Ϳ���������ֵ����ʾΪ<integer>����ʵ��ֵ����ʾΪ<number>����ʵ�ͺ���������ֻ��ʮ���Ʒ��ű�ʾ��<integer>����һ����������"0"������"9"��<number>������һ��<integer>�������ڵ�ţ�.���������������֡�������ʵ������ǰһ��"-"��"+"����ʾ���š�
ע�⣬�ܶ����������ʵ����Ϊ��ֵ������ʵ���ϻ���ȡֵ��Χ�����ƣ�ͨ���ǷǸ�ֵ��
������ָˮƽ��ֱ����Ķ�����
����ֵ�ĸ�ʽ�����淶�б�ʾΪ<length>��Ϊ��һ����ѡ�ķ����ַ���'+'��'-'��'+'��ȱʡ�ķ��ţ��������ں����һ��<number>��С������п��ޣ��������ں����һ����λ��ʶ������px��deg�ȵȣ�����'0'����֮��λ��ʶ������ʡ�Եġ�
ijЩ�����������ij���ֵ�������⽫ʹ��ʽ��ģ�ͱ�ø��ӣ������ܰ�������ʵ����ص����ơ��������֧�ָ��ij���ֵ����Ӧ�ñ�ת������ӽ��Ŀ��Ա�֧�ֵ�ֵ��
���������͵ij��ȵ�λ����Եĺ;��Եġ� ��Գ�����λ�涨һ���������������һ���������ԡ�ʹ����Ե�λ����ʽ���ڴ�һ��ý��ת�Ƶ���һ��ý�飨��Ӽ������ʾ���������ӡ����ʱ�����Ȼ���Լ�һЩ��
��Ե�λ�У�
H1 { margin: 0.5em } /* em */ H1 { margin: 1ex } /* ex */ P { font-size: 12px } /* px */
'em'��λ����Ӧ�øõ�λ��Ԫ�صľ������'font-size'���ԡ����������'font-size'ֵ����������'em'����ʱ���ο��丸Ԫ�ص�����ߴ硣������������ֱ��ˮƽ�Ķ���������ӡˢ�ı��У������λҲ��ʱ����Ϊ�ķ����ȡ���
'ex'��λ����Ϊ�����'x-height'��֮���Խ�x-height������Ϊ��ͨ������Сд��ĸ'x'�ĸ߶ȡ���������ʹ������û��x��ĸ��'ex'���ǻ��ж��塣
����
H1 { line-height: 1.2em }
ָH1Ԫ�ص��и߱�H1Ԫ�ص�����ߴ��20%����һ���棺
H1 { font-size: 1.2em }
ָH1Ԫ�ص�����ߴ��H1Ԫ�ؼ̳���������ߴ��20%��
����������ĵ������ڵ㣨��HTML�е�"HTML"��ʱ��'em'��'ex'�ο����Ե���ʼֵ��
���ص㵥λ���������豸�ķֱ��ʡ��ڴ�����������ָ���������ʾ����
�������豸����͵ļ������ʾ����ȣ����ص��ܶ��кܴ�IJ���û���Ӧ�����¶������ص�ֵ�� �����Ƽ����ο����ص�����Ϊ����90dpi���ص��ܶȵ��豸�ϵ�һ�����ص㣬�뿪������һ�۵ij���ʱ���ӽǡ�ͨ�����ֱ۳�����28Ӣ�磬����ӽǴ�ԼΪ0.0227�ȡ�
����Ķ�������һ���ֱ۵ij��ȣ���ô1px��Ӧ�ڴ�Լ0.28���ף�1/90Ӣ�磩�������ӡ�������ӡ������ζ���Ķ�������ֱ۳��ȶ̣�55����21Ӣ�磩��1px��Լ��0.21���ס���300dpi�Ĵ�ӡ���ϣ���Ż�ռ�������㣨0.25���ף�����600dpi�Ĵ�ӡ���ϣ���Ż�ռ������㡣
���������ͼ����ʾ���Ӿ�������ص�ijߴ��Ӱ�죬�Լ��豸�ֱ��ʵ�Ӱ�졣�ڵ�һ��ͼ���У��Ķ�����Ϊ71���ף�28Ӣ�磩ʱ��һ�����ص��СΪ0.28���ף�����Ķ�����Ϊ3.5�ף�12Ӣ�ߣ�ʱ��һ�����ص��СΪ1.4���ס�
�ڵڶ���ͼ���У�һ����СΪ1px����1px�ߵ������ڵͷֱ��ʵ��豸���������Ļ������һ���㸲�ǣ���ͬ���������ڸ߷ֱ����豸����400 dpi�ļ����ӡ�����ϣ���Ҫ16���������ǡ�
��Ԫ�ز����̳����丸Ԫ��ָ�������ֵ�����ǣ�ͨ�����̳�����ֵ��
����Ĺ����У��������H1Ԫ�ص�'text-indent'ֵ��36pt��������45pt�����H1��BODYԪ�ص���Ԫ�صĻ���
BODY { font-size: 12pt; text-indent: 3em; /* i.e., 36pt */ } H1 { font-size: 15pt }
���Գ�����λֻ���������ý�������������֪������²����á����Ե�λ�У�
H1 { margin: 0.5in } /* Ӣ�� */ H2 { line-height: 3cm } /* ���� */ H3 { word-spacing: 4mm } /* ���� */ H4 { font-size: 12pt } /* �� */ H4 { font-size: 1pc } /* picas */
���ָ���ij��Ȳ���֧�֣��û��˱��뽫�����Ϊʵ��ֵ��
�ٷֱ�ֵ�ĸ�ʽ�����淶�б�ʾΪ<percentage>��Ϊ��һ����ѡ�ķ����ַ���'+'��'-'��'+'��ȱʡֵ���������ں����һ��<number>�������ں����'%'��
�ٷֱ�ֵ�������������һ��ֵ���糤�ȡ������ٷֱ�ֵ��ÿһ������Ҳ�����˰ٷֱ����ο���ֵ�����ֵ������ͬһԪ�ص�����һ�����Ե�ֵ����ǰ��Ԫ�ص�����ֵ�����߸�ʽ�������ĵ�ֵ�����������Ŀ��ȣ��������Ԫ�ص�����ָ���˰ٷֱ�ֵ�����ٷֱ�ֵ�ֱ�����Ϊ�ο�ij�����Եļ̳�ֵ����ô���ֵ���ǰٷֱȳ����Ǹ����Ե���ʼֵ��
������Ԫ�أ�ͨ�����̳��丸Ԫ�ص�����ֵ�������У�PԪ�ص���Ԫ�ص�'line-height'���̳�12pt��ֵ�������ǰٷֱ�ֵ��120%��
P { font-size: 10pt } P { line-height: 120% } /* 120% of 'font-size' */
URL(ͳһ��Դ��λ���μ�[RFC1738]��[RFC1808]���ṩ��������һ����Դ�ĵ�ַ������Ԥ����һ����λ��Դ���·�����ΪURN��ͳһ��Դ���ƣ������߽�ϳ�ΪURI��ͳһ��Դ��ʶ�����μ�[URI]�������淶ʹ������URI��
���淶�У�URIֵ��ʾΪ<uri>������������ֵ��ָ��URI�ĺ���������"url()"���磺
BODY { background: url("http://www.bg.com/pinkish.gif") }
URIֵ�ĸ�ʽ�ǣ�'url('�������ѡ���հ��������ѡ�ĵ����Ż�˫���ţ����URI�����������ѡ�ĵ����Ż�˫���ţ������ѡ�Ŀհף����')'�����������ַ�����һ�¡�
û�����ŵ����ӣ�
LI { list-style: url(http://www.redballs.com/redball.png) disc }
���ţ����ţ��հ��ַ��������ź�˫�������������URI�У�������÷�б��ת�壺'\('��'\)'��'\,'��
����URI�����ͣ�Ҳ���ܽ������ַ�д��URIת�壨����"(" = %28��")" = %29���ȵȣ����μ�[URI]��
Ϊ�˴�������������Դ�ľ���λ�õ�ģ����ʽ�������߿���ʹ�����URIs�����URI�������[RFC1808]�����ݻ�URI����Ϊ��ȫURI��RFC 1808�ĵ�3�ڶ�������һ���̵ı����㷨������CSS��ʽ������URI����ʽ����λ�ã�������Դ�ĵ���λ�á�
���磬�ٶ����µĹ���
BODY { background: url("yellow") }
��λ��������URIָ������ʽ���У�
http://www.myorg.org/style/basic.css
��Դ�ĵ�BODY�ı�����������URIָ����ͼ����Դ�ѵ����ɣ������Ǹ�ͼ����ʲô����
http://www.myorg.org/style/yellow
�û����ڴ���ָ�����ɻ�û����õ���Դ��URIʱ���������ܲ�ͬ��
��������ʾΪ��ʶ�����μ�'counter-increment'��'counter-reset'���ԣ���Ҫ����һ����������ֵ�����Բ���'counter(<identifier>)'��'counter(<identifier>, <list-style-type>)'��ȱʡ����ʽ��'decimal'��
Ҫ��������ͬ���Ƶ�Ƕ���������У�����'counters(<identifier>, <string>)'��'counters(<identifier>, <string>,<list-style-type>)'���μ����ɵ�����һ���е���������Ƕ�����÷�Χ����
CSS2�У���������ֵֻ������'content'�������á�ע�⣬'none'Ҳ��һ�����ܵ�<list-style-type>��'counter(x, none)'����һ�����ַ�����
�������ʽ��Ϊÿһ�£�H1���еĶ��䣨P�����б�š���ŵķ�ʽ�����������ֱ�ţ����һ�����һ���ո�
P {counter-increment: par-num} H1 {counter-reset: par-num} P:before {content: counter(par-num, upper-roman) ". "}
��������������κ�'counter-reset'����Χ�ڣ��������Ϊ������Ԫ�ص�'counter-reset'������Ϊ0��
��ɫ���ƵĹؼ����б�Ϊ��aqua��black��blue��fuchsia��gray��green��lime��maroon��navy��olive��purple��red��silver��teal��white��yellow����16����ɫ������HTML 4.0��[HTML40]���С�������Щ��ɫ�Ĺؼ��֣��û�Ҳ����ָ�����û��������ض�����ʹ�õ���ɫ����Ӧ�Ĺؼ��֡���ϸ������μ�ϵͳ��ɫһ�ڡ�
BODY {color: black; background: white } H1 { color: maroon } H2 { color: olive }
RGB��ɫģ��������ɫ�����ֱ�ʾ�С�������Щ���Ӷ�ָ������ͬ����ɫ��
EM { color: #f00 } /* #rgb */ EM { color: #ff0000 } /* #rrggbb */ EM { color: rgb(255,0,0) } /* ����ֵ��Χ 0 - 255 */ EM { color: rgb(100%, 0%, 0%) } /* ʵ��ֵ��Χ 0.0% - 100.0% */
��ʮ�����Ʊ�ʾ��RGBֵ�ĸ�ʽΪ��'#'�ţ������ں��������������ʮ�������ַ�����λ��RGB��ʾͨ���ظ����֣������Ǽ��㣩ת������λ��RGB��ʾ�����磬#fb0��չΪ#ffbb00��������֤�˰�ɫ��#ffffff�����Լ�����ʾΪ#fff���������˶�����ʾ����ɫ��ȵ������ԡ�
�ں�����ʾ�е�RGBֵ�ĸ�ʽΪ��'rgb('�������ں�����ö��ŷָ�ģ�������ֵ����������������ֵ�������ٷֱ�ֵ�������')'������ֵ255����100%���൱��ʮ�����Ʊ�ʾ��F��FF��rgb(255,255,255) = rgb(100%,100%,100%) =#FFF����ֵ��Χ�������հ��ַ���
���е�RGB��ɫ��������sRGB��ɫ�ռ��У��μ�[SRGB]�����û��˳�����Щ��ɫ����ʵ�ȿ��ܻ��в��졣����ʹ��sRGB����ɫ�����ṩ��һ��û������ġ��۵ġ��ɺ����Ķ��壬Ҳ���Ժ��ʱ���������μ�[COLORIMETRY]����
��淶һ�µ��û��˿���ͨ��ִ��٤��У����������������ʾ��ɫ�ij��ԡ�sRGB�涨�����ض���������£���ʾ٤��ϵ��Ϊ2.2���û���Ӧ�õ�����CSS�и�������ɫ��������豸�ġ���Ȼ����ʾ٤��ϵ�����ϣ���ʹ��Ч����ʾ٤��ϵ��Ϊ2.2�������ϸ�ڣ���μ�٤��У��һ�ڡ�ע�⣬ֻ����CSS�й涨����ɫ����Ӱ�죻���磬ͼ�ο��ܻ��Դ���ɫ��Ϣ��
�����豸��Χ��ֵҪ���������������ĺ졢�̡�����ֵ��ʹ֮���豸֧�ֵķ�Χ���Ǻϡ�����һ�����͵�CRT��ʾ�������豸��Χ��sRGB��ͬ�������������ӵ�Ч��һ����
EM { color: rgb(255,0,0) } /* integer range 0 - 255 */ EM { color: rgb(300,0,0) } /* clipped to rgb(255,0,0) */ EM { color: rgb(255,-10,0) } /* clipped to rgb(255,0,0) */ EM { color: rgb(110%, 0%, 0%) } /* clipped to rgb(100%,0%,0%) */
�����豸�����ӡ������sRGB�в�ͬ���豸��Χ��ijЩ����0..255�ķ�Χ����ɫʹ���Գ��ֵģ����豸��Χ֮�ڣ���������һЩ��0..255��Χ�ڵ���ɫ�����豸��Χ֮�⣬�Ӷ�������������
ע�⣺������ɫ���ĵ������ɹ۵���Ϣ����ʹ�ĵ����������Ķ�������ҲҪ���ǵ�ijЩ��ɫ����ϻ��ɫä�Ķ��ߴ������ѡ������ʹ�ñ���ͼ�λ������˱���ɫ������Ӧ�ص���ǰ����ɫ��
�Ƕ�ֵ���ı���ʾΪ<angle>��ʹ����������ʽ���С�
���ʽΪ��һ����ѡ�ķ����ַ���'+'��'-'��'+'ʹȱʡֵ���������ں����һ��<number>�������ں����һ���Ƕȵ�λ��ʶ����
�Ƕȵ�λ��ʶ��Ϊ��
�Ƕ�ֵ�����Ǹ������û���Ӧ�ý����ǹ淶��0-360�ȡ���-10�Ⱥ�350����һ���ġ�
���磬һ��ֱ����'90��'�� or '100�ݶ�'��'1.570796326794897����'��
ʱ��ֵ���ı���ʾΪ<time>��ʹ����������ʽ���С�
���ǵĸ�ʽ��һ��<number>�������ں����һ��ʱ�䵥λ��ʶ����
ʱ�䵥λ��ʶ���У�
ʱ��ֵ������Ϊ������
Ƶ��ֵ���ı���ʾΪ<frequency>��ʹ����������ʽ���С�
���ǵĸ�ʽ��һ��<number>�������ں����һ��Ƶ�ʵ�λ��ʶ����
Ƶ�ʵ�λ��ʶ���У�
Ƶ��ֵ�������Ǹ�����
���磬200Hz����200hz���ǵ�������6kHz����6khz���Ǹ�����
�ַ�����������˫���Ż������С���˫���Ŷ��в������ٳ���˫���ţ����ǽ���ת�壨��'\"'��'\22'����������������ƣ�"\'"��"\27"����
"this is a 'string'" "this is a \"string\"" 'this is a "string"' 'this is a \'string\''
һ���ַ���������ֱ�Ӱ���������Ҫ���ַ����а������У�����ʹ��ת���ַ�"\A"��ʮ�����Ƶ�A��Unicode�б�ʾ�����ַ�����CSS�б�ʾͨ�õ�"newline"�����μ�'content'���Ե����ӡ�
Ϊ�����ۻ��������ԭ���Խ��ַ����ֳɼ��С���������������£����б���Ҫ����ת�塣���磬���������ѡ������һ���ģ�
A[TITLE="a not s\ o very long title"] {/*...*/} A[TITLE="a not so very long title"] {/*...*/}
CSS��ʽ����ͨ���ַ������μ�[ISO10646]����һϵ���ַ������С�Ϊ�˴��ͺʹ索����Ҫ����Щ�ַ�������֧��US-ASCII����ISO 8859-x��SHIFT JIS�ȣ��ַ����ı����������������й��ַ������ַ��������ϸ���ͣ������HTML 4.0�淶��[HTML40]��5�£���Ҳ�ɲμ�XML 1.0�淶��[XML10]2.2�ں�4.3.3�ڣ����Լ���¼F��
�����ʽ��Ƕ������һ���ĵ��У��������HTML��STYLEԪ�ػ�"style"�����ڣ������ʽ���������ĵ�������ͬ���ַ����롣
�����ʽ�������ڶ������ļ��У��û�����ȷ���ĵ����ַ�����ʱ��������ѭ���µ����ȼ����ɸߵ������У���
���ⲿ��ʽ���������һ��@charset������Գ��֡����������Գ�����Ƕ����ʽ���С�����Ҳ����������ĵ����ʼ��ǰ��û���κ��ַ�����"@charset"֮���û�ָ���ַ���������ơ����Ʊ�������IANAע������μ�[IANA]���������ַ����б�Ҳ�μ�[CHARSETS]�����������ַ����������磺
@charset "ISO-8859-1";
���淶����ǿ���û��˱���֧����Щ�ַ����롣
ע�⣬����@charset�ṹ�������ϴ������⣬��Ϊ�����ַ�����α���û���κ�������Ϣ��������ʵ��Ӧ���У���Internet�Ϲ㷺Ӧ�õı��붼����ASCII��UTF-16��UCS-4���ߣ����ټ���EBCDIC�������ζ��һ����ԣ�һ���ĵ��Ŀ�ʼ�����ֽ�ֵ�������û��˿ɿ��ͼ���������壬�Ӷ��ṩ�㹻����Ϣ������@charset����ȷ��ȷ�е��ַ����롣
��ʽ������������Щ�ڵ�ǰ�ַ�����������ʾ���ַ�����Щ�ַ�����д��ISO 10646�ַ���ת�����á���Щת�����HTML��XML�ĵ��������ַ����õĹ�����һ���ģ��μ�[HTML40]��5�º͵�25�£���
ת���ַ�����Ӧ������ֻ�������ַ���Ҫ��˲���������¡�����ĵ��еĴ��ַ���Ҫת�壬�û�Ӧ���ø����ʵı����������ĵ����ȷ�˵������ĵ������ܶ�ϣ���ַ������߿���ʹ��"ISO-8859-7"��"UTF-8"����
����м䴦����ʹ�ò�ͬ���ַ����룬�����Խ���Щת�����з���Ϊ����ʹ�õı�����ֽ����С���һ���棬�м䴦���������Ըı�ת�����ж�ȡ��һ��ASCII�ַ������⺬�塣
һ�µ��û������뽫������ʶ���κ��ַ�������ȷ��ӳ�䵽Unicode����������Ӧ�ñ���Ϊ���ǿ��ԣ���
���磬��ISO-8859-1��Latin-1��������ĵ�������ֱ�Ӱ���ϣ���ַ��� "κουρος" ��ϣ���ģ�"kouros"������дΪ"\3BA\3BF\3C5\3C1\3BF\3C2"��
ע�⣺HTML 4.0�У������ַ����õĽ��ͷ�����"style"����ֵ�У�������STYLEԪ���С�������һ���Գ��ԣ�����"style"���Ժ�STYLEԪ�أ������Ƽ�����ʹ��CSS�ַ�ת����ƶ����������ַ����á����磬�����Ƽ���
<SPAN style="voice-family: D\FC rst">...</SPAN>
�����ǣ�
<SPAN style="voice-family: Dürst">...</SPAN>