4 CSS2�﷨�ͻ�����������

    Ŀ¼

4.1 �﷨

    ���������˶�����һ�汾��CSS������CSS2������ͬ���﷨�������¼��ݵĽ������򣩡�CSS�Ժ�İ汾��������һ�����﷨���������ǿ��Լ��������﷨���ơ�

    ��Щ�����DZ�׼���ġ�����¼ D�е��﷨���������ǵIJ�������ơ�

4.1.1 ������

    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}\)
|url\({w}([!#$%&*-~]|{nonascii}|{escape})*{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���϶����ǿհ׵�һ���֡�

4.1.2 �ؼ���

    �ؼ����Ա�ʶ������ʽ���֡��ؼ��ֲ����Է��������ţ�"..."��'...'��֮�䡣��ˣ�

red

    ��һ���ؼ��֣���

"red"
    ���ǡ�������һ���ַ��������������Ϸ��������磺

���Ϸ������ӣ�

    

width: "auto";
border: "none";
font-family: "serif";
background: "red";

4.1.3 �ַ��ʹ�Сд

     ����Ĺ���������Ч��

4.1.4 ���

     �κΰ汾��CSS��CSS��ʽ��������һϵ�е��������������﷨������������䣺@�����������������Χ�������հ���

    ���淶�У����������ǰ���򡰽����ں󡱱�ʾ����û�в���հ׻�ע�⡣

4.1.5 @����

     @������һ���ؼ���@��ʼ�������ں����һ����ʶ������'@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 }

4.1.6 ��

     A ����һ�������ţ�{����ʼ��������ƥ����һ����ţ�}������������䣬�������κ��ַ������ǣ����ţ�( )���������ţ�[ ]���ͻ����ţ�{ }������ɶԳ��֣�������Ƕ�ס������ţ�'����˫���ţ�"��Ҳ����ɶԳ��֣������ַ�������Ϊһ���ַ������ַ����Ķ���μ��������������

���Ϸ������ӣ�

     ������һ��������ӡ�ע�⣬˫�����ڵ��һ����Ų���ƥ�䱾�鿪ʼ�Ļ����š����ڶ�������������ת���ַ��У��Ӷ���ƥ���һ�������ţ�

{ causta: "}" + ({7} * '\'') }

    ע�⣬�������ܲ�����Ч��CSS2��������һ����Ķ��塣

4.1.7 ���򼯣��������ѡ����

     һ�����򼯣�Ҳ��Ϊ�����򡱣�����һ��ѡ���ӣ��Լ����������顣

    һ����������������Ҳ��Ϊ{}�飩�������ſ�ʼ��{��������֮ƥ����һ����ţ�}���������������������Էֺţ�;���ָ���������б���

    ѡ�������μ�ѡ����һ�ڣ��������쵽�����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 }

4.1.8 ����������

    һ������ҪôΪ�գ�Ҫô����һ�������������һ��ð�ţ�:���������һ��ֵ�����������հ���

    ����ѡ���ӹ����ķ�ʽ��ͬһѡ���ӵĶ���������������Էֺţ�;���ָ���顣

���ӣ�

    ��ˣ�����Ĺ���

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 }

4.1.9 ע��

    ע�����ַ�"/*"��ʼ�������ַ�"*/"���������ǿ����ڱ���֮����κ�λ�ó��֣����ǵ����ݶ���Ⱦû���κ�Ӱ�졣ע�ⲻ��Ƕ�ס�

    CSSҲ����SGMLע��ķָ����"<!--"��"-->"��������ijЩ�ض��ĵط����������Dz��ָ�CSS��ע�⡣����SGMLע��ķָ������ʹ��ʽ���������HTMLԴ�ĵ��е�STYLEԪ���ڣ����Ҷ���3.2�汾��ǰ��HTML�û����Dz��ɼ��ġ��������Ϣ����μ�HTML 4.0�淶��[HTML40]����

4.2 ��������Ĵ�������

    ijЩ����£��û��˱������һ�����Ϸ�����ʽ����һ���֡����淶���������ĺ������û��˽������Ϸ��IJ��֣����ҵ����Ŀ�ʼ�ͽ����������Dz������κδ���������ͬ��������������

    Ϊ�˱�֤�ڽ�����Ϊ���е����Լ����µ�ֵ������µ����ԣ��û�����������������ʱ��������ѭ���¹���

4.3 ֵ

4.3.1 ���ͺ�ʵ����

    ijЩֵ�����Ϳ��԰�������ֵ����ʾΪ<integer>����ʵ��ֵ����ʾΪ<number>����ʵ�ͺ���������ֻ��ʮ���Ʒ��ű�ʾ��<integer>����һ����������"0"������"9"��<number>������һ��<integer>�������ڵ�ţ�.���������������֡�������ʵ������ǰ׺һ��"-"��"+"����ʾ���š�

    ע�⣬�ܶ����������ʵ����Ϊ��ֵ������ʵ���ϻ���ȡֵ��Χ�����ƣ�ͨ���ǷǸ�ֵ��

4.3.2 ����

    ������ָˮƽ��ֱ����Ķ�����

    ����ֵ�ĸ�ʽ�����淶�б�ʾΪ<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���ס�

    Showing that pixels must become
larger if the viewing distance increases   [D]

    �ڵڶ���ͼ���У�һ����СΪ1px����1px�ߵ������ڵͷֱ��ʵ��豸���������Ļ������һ���㸲�ǣ���ͬ���������ڸ߷ֱ����豸����400 dpi�ļ����ӡ�����ϣ���Ҫ16���������ǡ�

    Showing that more device pixels (dots)
are needed to cover a 1px by 1px area on a high-resolution device than
on a low-res one   [D]

    ��Ԫ�ز����̳����丸Ԫ��ָ�������ֵ�����ǣ�ͨ�����̳�����ֵ��

���ӣ�

    ����Ĺ����У��������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��Ȳ���֧�֣��û��˱��뽫�����Ϊʵ��ֵ��

4.3.3 �ٷֱ�

    �ٷֱ�ֵ�ĸ�ʽ�����淶�б�ʾΪ<percentage>��Ϊ��һ����ѡ�ķ����ַ���'+'��'-'��'+'��ȱʡֵ���������ں����һ��<number>�������ں����'%'��

    �ٷֱ�ֵ�������������һ��ֵ���糤�ȡ������ٷֱ�ֵ��ÿһ������Ҳ�����˰ٷֱ����ο���ֵ�����ֵ������ͬһԪ�ص�����һ�����Ե�ֵ����ǰ��Ԫ�ص�����ֵ�����߸�ʽ�������ĵ�ֵ�����������Ŀ��ȣ��������Ԫ�ص�����ָ���˰ٷֱ�ֵ�����ٷֱ�ֵ�ֱ�����Ϊ�ο�ij�����Եļ̳�ֵ����ô���ֵ���ǰٷֱȳ����Ǹ����Ե���ʼֵ��

���ӣ�

    ������Ԫ�أ�ͨ�����̳��丸Ԫ�ص�����ֵ�������У�PԪ�ص���Ԫ�ص�'line-height'���̳�12pt��ֵ�������ǰٷֱ�ֵ��120%��

P { font-size: 10pt }
P { line-height: 120% }  /* 120% of 'font-size' */

4.3.4 URL + URN = URI

    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ʱ���������ܲ�ͬ��

4.3.5 ������

    ��������ʾΪ��ʶ�����μ�'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��

4.3.6 ��ɫ

<��ɫ>������һ���ؼ��֣���һ��RGB���֡�

     ��ɫ���ƵĹؼ����б�Ϊ��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��ͬ�������������ӵ�Ч��һ����

Example(s):

    

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Щ��ɫ����ϻ��ɫä�Ķ��ߴ������ѡ������ʹ�ñ���ͼ�λ������˱���ɫ������Ӧ�ص���ǰ����ɫ��

4.3.7 �Ƕ�

    �Ƕ�ֵ���ı���ʾΪ<angle>��ʹ����������ʽ���С�

    ���ʽΪ��һ����ѡ�ķ����ַ���'+'��'-'��'+'ʹȱʡֵ���������ں����һ��<number>�������ں����һ���Ƕȵ�λ��ʶ����

    �Ƕȵ�λ��ʶ��Ϊ��

    �Ƕ�ֵ�����Ǹ������û���Ӧ�ý����ǹ淶��0-360�ȡ���-10�Ⱥ�350����һ���ġ�

    ���磬һ��ֱ����'90��'�� or '100�ݶ�'��'1.570796326794897����'��

4.3.8 ʱ��

    ʱ��ֵ���ı���ʾΪ<time>��ʹ����������ʽ���С�

    ���ǵĸ�ʽ��һ��<number>�������ں����һ��ʱ�䵥λ��ʶ����

    ʱ�䵥λ��ʶ���У�

    ʱ��ֵ������Ϊ������

4.3.9 Ƶ��

    Ƶ��ֵ���ı���ʾΪ<frequency>��ʹ����������ʽ���С�

    ���ǵĸ�ʽ��һ��<number>�������ں����һ��Ƶ�ʵ�λ��ʶ����

    Ƶ�ʵ�λ��ʶ���У�

    Ƶ��ֵ�������Ǹ�����

    ���磬200Hz����200hz���ǵ�������6kHz����6khz���Ǹ�����

4.3.10 �ַ���

    �ַ������԰�����˫���Ż������С���˫���Ŷ��в������ٳ���˫���ţ����ǽ���ת�壨��'\"'��'\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"] {/*...*/}

4.4 CSS�ĵ�����

    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"�����ڣ������ʽ���������ĵ�������ͬ���ַ����롣

    �����ʽ�������ڶ������ļ��У��û�����ȷ���ĵ����ַ�����ʱ��������ѭ���µ����ȼ����ɸߵ������У���

  1. ��"Content-Type"���е�"charset"HTTP������
  2. @charset@����
  3. �ο��ĵ�������HTML�У�LINKԪ�ص�"charset"���ԣ������Ի��ơ�

    ���ⲿ��ʽ���������һ��@charset������Գ��֡����������Գ�����Ƕ�׵���ʽ���С�����Ҳ����������ĵ����ʼ��ǰ��û���κ��ַ�����"@charset"֮���û�ָ���ַ���������ơ����Ʊ�������IANAע������μ�[IANA]���������ַ����б�Ҳ�μ�[CHARSETS]�����������ַ����������磺

���ӣ�

     @charset "ISO-8859-1";

    ���淶����ǿ���û��˱���֧����Щ�ַ����롣

    ע�⣬����@charset�ṹ�������ϴ������⣬��Ϊ�����ַ�����α���û���κ�������Ϣ��������ʵ��Ӧ���У���Internet�Ϲ㷺Ӧ�õı��붼����ASCII��UTF-16��UCS-4���ߣ����ټ���EBCDIC�������ζ��һ����ԣ�һ���ĵ��Ŀ�ʼ�����ֽ�ֵ�������û��˿ɿ��ͼ���������壬�Ӷ��ṩ�㹻����Ϣ������@charset���򣬲�ȷ��ȷ�е��ַ����롣

4.4.1 �ַ�������δ�������ַ�������

    ��ʽ������������Щ�ڵ�ǰ�ַ��������޷���ʾ���ַ�����Щ�ַ�����д��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&#252;rst">...</SPAN>