Ŀ¼
�ڱ�ָ���У�չʾ�˶������ʽ���Ǻ����ġ�Ҫ�˽���һָ�ϣ�����Ҫ��HTML��һ���˽⣨�μ�[HTML40]��������һЩ����������������
������һ��С��HTML�ĵ���Ϊ��ʼ��
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML> <HEAD> <TITLE>Bach's home page</TITLE> </HEAD> <BODY> <H1>Bach's home page</H1> <P>Johann Sebastian Bach was a prolific composer. </BODY> </HTML>
Ҫ��H1Ԫ�ص��ı���ɫ����Ϊ��ɫ�������д�����µ�CSS����
H1 { color: blue }
һ��CSS�������������Ҫ�IJ��֣�ѡ������'H1'���Լ�������'color: blue'�������������������֣����ԣ�'color'����ֵ��'blue'������Ȼ�����������У�ֻ��Ӱ����������ȾHTML�ĵ�����������е�һ�����䱾���Ѿ�������һ����ʽ��������������ʽ�����ϣ���ʽ���Ľ����CSS�Ļ������ԣ����Ϳ���ȷ���ĵ����յij��֡�
HTML 4.0�淶������HTML�ĵ������ָ����ʽ������������HTML�ĵ��У�����ͨ��һ���ⲿ��ʽ��������ʽ�������ĵ��У�����ʹ��STYLEԪ�أ�
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML> <HEAD> <TITLE>Bach's home page</TITLE> <STYLE type="text/css"> H1 { color: blue } </STYLE> </HEAD> <BODY> <H1>Bach's home page</H1> <P>Johann Sebastian Bach was a prolific composer. </BODY> </HTML>
Ϊ�˻�����̶��ϵ�����ԣ������Ƽ�����ָ���ⲿ��ʽ����������HTML�ĵ��Ϳ��Զ���ʽ�������ģ�������ʽ������Ϊ�����ĵ�������Ҫ�����ⲿ��ʽ��������ʹ��LINKԪ�أ�
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML> <HEAD> <TITLE>Bach's home page</TITLE> <LINK rel="stylesheet" href="bach.css" type="text/css"> </HEAD> <BODY> <H1>Bach's home page</H1> <P>Johann Sebastian Bach was a prolific composer. </BODY> </HTML>
LINKԪ�ع涨�ˣ�
Ϊ����ʾ��ʽ���ͽṹ����ǵĽ�����ϵ�����ǽ������ڱ�ָ����ʹ��STYLEԪ�ء�����������������ɫ��
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML> <HEAD> <TITLE>Bach's home page</TITLE> <STYLE type="text/css"> BODY { color: red } H1 { color: blue } </STYLE> </HEAD> <BODY> <H1>Bach's home page</H1> <P>Johann Sebastian Bach was a prolific composer. </BODY> </HTML>
���ڵ���ʽ��������������һ����BODYԪ�ص���ɫ����Ϊ'red'�����ڶ�����H1Ԫ�ص���ɫ����Ϊ'blue'�����ڲ�û��ָ��PԪ�ص���ɫ�����������ĸ�Ԫ�أ���BODYԪ������̳���ɫֵ��H1Ԫ��Ҳ��BODYԪ�ص�һ����Ԫ�أ����ڶ��������������Խ�˼̳�ֵ�� ��CSS�У��������в�ֵ֮ͬ��ij�ͻ�����淶��������ν����Щ��ͻ��
CSS2��100�����ϲ�ͬ�����ԣ�����'color'����������һ�����е�һЩ���ԣ�
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML> <HEAD> <TITLE>Bach's home page</TITLE> <STYLE type="text/css"> BODY { font-family: "Gill Sans", sans-serif; font-size: 12pt; margin: 3em; } </STYLE> </HEAD> <BODY> <H1>Bach's home page</H1> <P>Johann Sebastian Bach was a prolific composer. </BODY> </HTML>
����ע���������������һ�����У����Ի����ŷָ{...}��������֮���Էֺŷָ���һ������Ҳ���Ը�һ���ֺš�
BODYԪ�صĵ�һ�������������������Ϊ"Gill Sans"��������û��ˣ�ͨ����ָ������������Ǹ����岻���ڣ��û��˽�ʹ��'sans-serif'���壬����һ���������е��û��˶�֧�ֵ�����ͨ������֮һ��BODYԪ�ص���Ԫ�ؽ��̳�BODYԪ�ص�'font-family'����ֵ��
�ڶ���������BODYԪ�ص�����ߴ�����Ϊ12�㡣���㡱�����λ�㷺��Ӧ���ڳ�����ӡˢ��ҵ��������ʾ����ߴ����������ֵ������һ�����Ե�λ��ʾ���������Ż����IJ�ͬ����Ա仯��
����������ʹ������Ե�λ�������ݻ�������Ա仯����em����λ��ָԪ�ص�����ߴ硣�ڱ����У������BODYԪ����Χ�ı߾�������ߴ��������
CSS����Ӧ�����κνṹ���ĵ��У������չ�������Ӧ�ã�[XML10]����ʵ�ϣ�XML��HTML����������ʽ������Ϊ���߿��Դ��������Լ���Ԫ�أ����û��˲�֪�������ʾ���ǡ�
������һ����XML���䣺
<ARTICLE> <HEADLINE>Fredrick the Great meets Bach</HEADLINE> <AUTHOR>Johann Nikolaus Forkel</AUTHOR> <PARA> One evening, just as he was getting his <INSTRUMENT>flute</INSTRUMENT> ready and his musicians were assembled, an officer brought him a list of the strangers who had arrived. </PARA> </ARTICLE>
Ҫ����һ�������ĵ���ʽ���֣����DZ�������������ЩԪ��������Ԫ�أ���������е�Ԫ�أ�������Щ�ǿ���Ԫ�أ�������е�Ԫ�أ���
INSTRUMENT { display: inline } ARTICLE, HEADLINE, AUTHOR, PARA { display: block }
��һ����������INSTRUMENT������Ԫ�أ����ڶ��������Զ��ŷָ���б���ʽ�г���һϵ��ѡ���ӣ������Ƕ��ǿ���ġ�
����ʽ������XML�ĵ���һ��������ʹ�ô���ָ�
<?XML:stylesheet type="text/css" href="bach.css"?> <ARTICLE> <HEADLINE>Fredrick the Great meets Bach</HEADLINE> <AUTHOR>Johann Nikolaus Forkel</AUTHOR> <PARA> One evening, just as he was getting his <INSTRUMENT>flute</INSTRUMENT> ready and his musicians were assembled, an officer brought him a list of the strangers who had arrived. </PARA> </ARTICLE>
һ��ͼ���û��˿��ܽ�������ʽ��Ϊ��
ע�"flute"һ����ʾ�ڶ����ڣ���Ϊ��������Ԫ��INSTRUMENT�����ݡ�
��������Щ�ı��ĸ�ʽ�����������������ġ����磬���������ߴ�Ӧ�ñ��ı������ಿ��Ҫ��������뽫���ߵ�������б���ʾ�ȣ�
INSTRUMENT { display: inline } ARTICLE, HEADLINE, AUTHOR, PARA { display: block } HEADLINE { font-size: 1.3em } AUTHOR { font-style: italic } ARTICLE, HEADLINE, AUTHOR, PARA { margin: 0.5em }
һ��ͼ���û��˿��ܽ�������ʽ��Ϊ��
Ҫ��һ���ظĽ��ĵ��ij��֣���������ʽ���м������Ĺ���
����������֧��CSS���û�����ι�����һ�����ܵ�ģ�͡���ֻ��һ������ģ�ͣ�ʵ�ʵ�Ӧ�ÿ����в��
�ڸ�ģ���У��û��˰������²���������һ��Դ�ļ���
ֵ�ļ��㲿����������Ŀ��ý�����������õĸ�ʽ���㷨���ȷ�˵���ٶ�Ŀ��ý������Ļ�����û���Ӧ�����ӻ���ʽģ�������Ŀ��ý���Ӵ�ӡֽ���û���Ӧ��ҳ��ģ�������Ŀ��ý������Ƶ��Ⱦ�豸���������ϳ��������û��˾�Ӧ��������Ⱦģ����
ע�⣬����һ�Σ�CSS�û��˲���ȥ�ı��ĵ������ر�أ���������ʽ�������������ݲ��ᷴ�����ĵ����Դ��������Խ����ٷ����ȣ���
��һ�������˱��淶�����۷�Χ�����Բμ�[DOM]����
�ڶ��������岽�ڱ��淶�еõ���ϸ������
������Ҳ�����˱��淶�����۷�Χ��
�������е�ý����ԣ�������Ⱦ���������ˡ���ʽ���ṹ��������Ⱦ�Ŀռ䡱����Ⱦ�����ڿռ������ά�϶������ģ�������Ⱦͨ������Ⱦ�����һ�����������н��С����������û��˸���Ŀ��ý�����������������Ⱦ����Ļʱ���û���ͨ��ָ��һ����С�Ŀ��Ȳ������ӵ��ijߴ�ѡ��һ����ʼ�Ŀ��ȡ���Ⱦ��ҳ��ʱ���û���ͨ����ָ�����Ⱥ߶ȵ����ơ���Ƶ�û��˻�ָ����Ƶ�ռ�����ƣ���û��ʱ�䷽������ơ�
CSS2ѡ����������������ʽ�������ĵ����û����е����²��֣�
CSS2��֮ǰ��CSS1���ƣ�Ҳ����һ�����ԭ��
���Ϻ����¼�����CSS2�û��˿�������CSS1��ʽ����CSS1�û��˿����Ķ�CSS2��ʽ�����������Dz�����IJ��֡�ͬ���ģ���֧��CSS���û���Ҳ������ʾ������ʽ��ǿ���ĵ�����Ȼ��CSS����������ʽ�ĸĽ���������Ⱦ���������е����ݽ������֡�
�ṹ���ĵ��IJ�������ʽ�������˽ṹ���ĵ�����HTML��XMLӦ�ã���Ϊ����ı��ṩ��ʽ��Ϣ����ʽ���ĸı�����ף�������ı䲻Ӱ���ǣ�����Ӱ���С����
�빩Ӧ����ƽ̨���豸������ʽ��ʹ�ĵ������빩Ӧ����ƽ̨���豸�ء���ʽ������Ҳ���빩Ӧ����ƽ̨�صġ�����CSS2�����㽫��ʽ��ָ����һ���豸�����ӡ������
��ά������ͨ�����ĵ���������ʽ��������Ա���Լ�վ��ά����ʹ����վ�����ۺо�����һ�¡����磬����˾�ı���ɫ�ı��ֻ��Ҫ��һ���ļ���
������CSS2��CSS1���Ӻܶ࣬����������һ������ʽ���ԣ����ǿ��Զ�Ҳ����д��CSS���Ա��������̶��ϵ�������ԣ�ͨ��ֻ��һ�ַ������ﵽ�ض���Ч����
����������CSSΪ��γ��������ṩ�˽��յı��롣��ͼ�λ������ļ���ȣ�����ͨ�������������ﵽһ������ȾЧ��������ʽ��ͨ�������������ݵij��ȡ����⣬����������Ӵ�������Ҳ��һ��������������ܡ�
������������ɼ��ַ�����CSSӦ�õ������ϡ��ؼ��������ǿ��Բ������ȱʡ���û��ˣ���ʽ�����û���ʽ�������ӵ���ʽ�����ĵ�ͷ�Լ��γ��ĵ������Ԫ�ص����Եȸ�������ʽ��Ϣ��
�ḻ�����ṩ������һ�ḻ����ȾЧ������������Ϊ����ý�������ķḻ�ԡ������һֱ��Ѱ�������ӡˢ��õ�Ƭ��ʾӦ���������ƵĹ��ܡ���Щ��Ҫ����ȾЧ�����豸���Գ�ͻ������CSS2��ʵ������ߵ�Ҫ�����Ѿ��߳���һ��
��ѡ�����������淶�����۵�CSS����Ϊ�Ӿ����������ֹ�����һ��һ�µĵĸ�ʽ��ģ�͡��ø�ʽ��ģ�Ϳ���ͨ��CSS���Ի�ã����Ǻ��������Եİ�Ҳ�ǿ��ܵġ����磬JavaScript����Ϳ��Զ�̬�ظı�ijһԪ�ص�'color'���ԡ�
���������������вм����û���CSS��һЩ����ʹ������������ӷ��㣺
ע��Ҫ�˽�ʹ��CSS��HTML��ƿ��Ķ��ĵ��ĸ�����Ϣ�����[WAI-PAGEAUTH]��ϵ��