ʲô��CSS ��ʹ��CSS�ĺô�

����CSS �ǡ�cascading Style Sheet���ļ�ƣ����ķ��롰������ʽ������Ҳ������Ϊ�������ʽ����,�����ڣ���ǿ��������ҳ��ʽ���ܹ�����ʽ��Ϣ����ҳ���ݷ����һ�ֱ�������ԡ�CSS ������һ�ֱ������,������Ҫ����,����ֱ���������ִ��(�������������������)����������ҳ��ʱ��ʹ�� CSS ������Ч�ض�ҳ�����������������ɫ������������Ч��ʵ�ָ��Ӿ�ȷ�Ŀ��ơ�CSS ���� W3C��W3C ���� World Wide Web Consortium��ȫ����ά�����˵ļ�ơ�W3C����Ҫְ�����ȷ��δ����ά���ķ�չ���򣬲����ƶ���ص��Ƽ�����CSS �����������ά���ġ�

����CSS ���类��������1994�꣬���类�����֧����1996�ꡣ1996�� W3C ��ʽ�Ƴ���CSS1. 1998�� W3C ��ʽ�Ƴ���CSS2. CSS2.1 �� W3C ���������Ƽ�ʹ�õ�. CSS3 ���ڻ����ڿ�����. CSS 3 �ڰ��������� CSS 2 ��֧�ֵĻ����ϸ������Ľ�.

���� CSS ֧�ֶ����豸�������ֻ������ӡ���ӡ�����õ�Ƭ�ȡ����� CSS ��������ϵõ��˸��õ��ƹ㡣

�ʹ�ͳ�� Html ��� CSS �������ŵ㣺

CSS �����﷨


CSS �����﷨�ṹ:

����Selector { property: value } Selector��ѡ��� property��value����ʽ������.���Ժ�����ֵ֮����ð��(:)����.����֮���÷ֺ�(;)�������������ֵΪ�����ʱ������˫�����������������ָ������Ա���ÿ�������÷ֺŸ�����Ҳ����ѡ�����ϣ��ö��ŷָ�ÿ��ѡ������������Լ�����ʽ�ظ����塣

ע�ͷ�:

�����������CSS�в���ע����˵����������˼��ע���������������Ժ�༭�͸��Ĵ���ʱ�������ĺ��塣��������У�ע���Dz���ʾ�ġ�CSSע����"/*" ��ͷ����"*/" ��β�����磺
/* ���������ʽ�� */
p { text-align: center; /* �ı��������� */ color: black; /* ����Ϊ��ɫ */ font-family: arial /* ����Ϊarial */ }

��ѡ���:

��������ѡ������ܹ�����ͬ��Ԫ�ط��ඨ�岻ͬ����ʽ��������ѡ���ʱ�����Զ��������ǰ���һ����š���������Ҫ������ͬ�Ķ��䣬һ���������Ҷ��룬һ��������У�������ȶ��������ࣺ
p.right {text-align: right} p.center {text-align: center}

Ȼ���ò��ڲ�ͬ�Ķ����ֻҪ��HTML���������㶨���class������
����������Ҷ����
��������Ǿ������е�


��������ѡ�������һ���÷�����ѡ�����ʡ�� HTML ��������������԰Ѽ�����ͬ��Ԫ�ض������ͬ����ʽ�� .center {text-align: center} ������.center����ѡ���Ϊ���־������У� ����������Ա�Ӧ�õ��κ�Ԫ���ϡ���������ʹ h1 Ԫ�أ�����1���� p Ԫ�أ����䣩����Ϊ��center���࣬��ʹ����Ԫ�ص���ʽ�����桰.center�������ѡ�����

��������Ǿ������е�
�������Ҳ�Ǿ������е�

ID ѡ���:

������HTMLҳ����ID����ָ����ij����һԪ�أ�IDѡ����������������һԪ�ض��嵥������ʽ�� IDѡ�����Ӧ�ú���ѡ������ƣ�ֻҪ��CLASS����ID���ɡ�������������ID �����
����������Ҷ����
�������� ID ѡ���Ҫ�� ID ����ǰ����һ����#���š�����ѡ�����ͬ������ ID ѡ���������Ҳ�����ַ���������������ӣ�ID���Խ�ƥ������id="intro"��Ԫ�أ�
#intro { font-size:110%; font-weight:bold; color:#0000ff; background-color:transparent } ������ߴ�ΪĬ�ϳߴ��110%�����壻��ɫ��������ɫ͸���� ����������ӣ�ID ����ֻƥ��id="intro"�Ķ���Ԫ�أ� p#intro { font-size:110%; font-weight:bold; color:#0000ff; background-color:transparent }

ע�⣺ID ѡ��������Ժܴ�ֻ�ܵ�������ij��Ԫ�ص���ʽ��һ��ֻ�����������ʹ�á�
ע�⣺����ʡ�� HTML ��ǵ���ѡ��������ǽ����õ� CSS ������ʹ�����ַ��������ǿ��Ժܷ����������Ԫ��������Ԥ�ȶ���õ�����ʽ��

������Դ (Other Resources)