| �^�оǺ��� | �^�����W���P�]�p���� | �@�~ú��� |
�ĤQ�T���BCSS�˦������ϥ�-�p��ޥ�

�ĤQ�T�����I���@�GCSS �˦������ޥ�

�˦���������ŧi���]�w�P��¦�A��

  1. CSS (Cascading Style Sheet) �˦������\��b��N�@�DZ`�Ϊ����Ƴ]�w�w���w�q�n�A �A�z�L HTML �� <style> ���ҨӤޥΡA�N����B�z�w���w�q�������o�C�i�H²�ƫD�`�h�����Ƥu�@�C

  2. XHTML(���ҵ{�e��������HTML�i������)��ij�ϥΰʺA HTML (DHTML) �t�X CSS �P <div> �B�z Java/VB scripts �Ӭ��ƺ����I�ҥH�A���g�_�N���� CSS �o�Ӧn�Ϊ��˦��\����C

  3. �p��w�q�Y�N�ϥΪ����ҡH�N�Q�έ��Ĥ@�I�ͨ쪺 <style> �Y�i�C�o�� style ��b <head> </head> �����C
    <style type="text/css">
    	HTML����1 { �˦�����:������; �˦�����:������; ... �˦�����:������; �˦�����:������; }
    	HTML����2 { �˦�����:������; �˦�����:������; ... �˦�����:������; �˦�����:������; }
    	HTML����3 { �˦�����:������; �˦�����:������; ... �˦�����:������; �˦�����:������; }
    	HTML����4 { �˦�����:������; �˦�����:������; ... �˦�����:������; �˦�����:������; }
    	....
    </style>
    
  4. �аѦҽҥ� 13-5 �إߦh�� h1~h3 ���ҡA�䤤�C�⪺�˦������� color�A�r��j�p�� font-size �C�������e�p�U�G
    C�y����Ǫ̫��� <== �ϥ� h1 ���ҡA�C��(color:) 00ff00�A�r��j�p(font-size:) 18 �I�r�F
    VB6��Ǫ̫���   <== �ϥ� h2 ���ҡA�C��(color:) ff0000�A�r��j�p(font-size:) 18 �I�r�F
    ASP��Ǫ̫���   <== �ϥ� h3 ���ҡA�C��(color:) 0000ff�A�r��j�p(font-size:) 18 �I�r�F
    
  5. �p�G�˦������e�@�ˡA������ҥi�H��X�_�Ӥ@�_�g�b�P�@��C�p�U�ҥܡG
    <style type="text/css">
    	HTML����1, ����2, ����3 { �˦�����:������; �˦�����:������; ... �˦�����:������; �˦�����:������; }
    	....
    </style>
    
  6. �h�h�������ҡA�Ҧp table -> tr -> td �O�@�s�򪺶��h�A���ɫh�i�H�o�˳]�w�G
    <style type="text/css">
    	HTML����1 ����2 ����3 { �˦�����:������; �˦�����:������; ... �˦�����:������; �˦�����:������; }
    	....
    </style>
    
  7. �аѦҽҥ� 13-9 ���������A�إߤ@�Ӭ��������涥�h�˦��������C�����s�����I��13_1_chap_13-1.txt�o���ɮץh�ק�I

  8. �~���ڽm�ߡG�п���������e���ĥ|�g���D�A�p���s���A �N������ dd �� dt �i���C��P�r��j�p���ܤơI�p�G�Q�n�ϥ� HTML �� <font> �h�ק�A �h�ڭ̻ݭn�ק�D�`�h����T�A�Y�ϥ� CSS �h�b���Y�B�ŧi���ҡA�Y�i�����ܤƤF�I�D�`��K�I


�ϥΦh���w�q���˦����A���O�z�L�y #�W�� -- id �z�Ρy *.���O --class �z�өw�q

  1. ���ǫŧi�����e�|�Φb�h�ؤ��P�����Ҥ��A�p�G�n�p�e�����覡�өw�q������ҡA�S�i��ɭP�ڭ̤��Q�n���e���I �������Ҫ����e�i��|�H���ܤơC���ɨ�q�@�ӡy��������P���ҤޥΪ��ۦP�˦��w�q�z�N�ܦ����U�F�I

  2. �������Сy�˦��W�١z�k�G�ϥ� # �t�X id �ӫŧi���覡�A�p�U�ҥܡG
    <style type="text/css">
    	#�˦��W��1{ �˦�����:������; �˦�����:������; ... �˦�����:������; �˦�����:������; }
    	#�˦��W��2{ �˦�����:������; �˦�����:������; ... �˦�����:������; �˦�����:������; }
    	....
    </style>
    
    	<���ҦW�� id=�˦��W��1>.....</���ҦW��>
    
  3. �N�W���� 8 �I�������i��ק�A�]�w�X�T�ؤ��P���˦��A���O�O�G
    • �C�⬰�G00ff00�A�r��j�p�� 15 �I�r�A�[���u(text-decoration:underline}
    • �C�⬰�Gff0000�A�r��j�p�� 18 �I�r�A���[���u
    • �C�⬰�G0000ff�A�r��j�p�� 12 �I�r�A�[���u
    �M��N���T�ؼ˦��A���O�M�Φb�T�� dd �����e�W���C

  4. �A�Ӥ��Сy�˦����O�z�k�G�ϥ� *.�˦����O �A�t�X class �Өϥ�
    <style type="text/css">
    	*.�˦����O1{ �˦�����:������; �˦�����:������; ... �˦�����:������; �˦�����:������; }
    	*.�˦����O2{ �˦�����:������; �˦�����:������; ... �˦�����:������; �˦�����:������; }
    	....
    </style>
    
    	<���ҦW�� class=�˦����O1>.....</���ҦW��>
    
  5. �N���� 3 �I����ơA�A�׭קאּ class ���˦����O�覡�ӳB�z�C

  6. �˦������~�ӡG�b�쥻�� HTML ���Ҥ��A�u�n�O�_�����ҮɡA����� CSS �˦��N�|�@���~�ӡA���D�l���Ҧ��S�O�ۦ���w CSS �˦��C���I��13_1_chap_13-2.txt���A�Ѥ���O�~�ӧa�I

  7. ��L�˦������ϥΤ覡�G
    1. �Q�� style="xx" �b���Ҥ��A�������w�C�Ҧp�G<h1 style="color:0000ff;font-size:18">�����F
    2. �Q�Υ~���w�g�w�q�n�� CSS �ɮ�(�q�`�ɦW�� xx.css)�Ӷi��I�s�A�A�i�H�Ѧ� �X�s��j������ �d�ߨ��l�X�A �ݬݦ��S����������ơH�ܩ�I�s�~�� CSS �w���w�q���˦����ɮסA�D�n����ؤ�k�G
      • �ϥ� @import ��k
        <style type="text/css">
        	@import url("�~���ɮת������ɦW");
        </style>
      • �ϥ� link ����k
        <link type="text/css" rel="stylesheet" href="�~���� CSS �˦��������ɦW" />
        			
  8. �[���G�˦����]�w�����G�A��������ܶ��ǡG�ڭ̪��D���h�ؼ˦����F�A������ؼ˦�������Ʒ|���Q��ܥX�ӡH �򥻤W�A���Ǧp�U�ҥܡG
    1. ���J���˦����A��Y <���� style="xx"> ���̰��u��
    2. ���U�Ӫ� <style>, @import, <link> �o�T���u���׬ۦP�A�]���H�̫�X�{�����Ӽ˦������D�C

  9. �p�G�Q�n�H�N���J���� CSS ���˦��\��ɡA�i�H�ϥ� <span style="xxx"> �� <div style="xxx">�C �䤤 span ����ɦV���p���d��A�� div ����ɦV�j�d��I�ڭ̥H span ���Ҩӻ����G
    <span style="xx"> .......... </span>
    <span id="xx">    .......... </span>
    <span class="xx"> .......... </span>
    

��@�D�G�Ш̷Ӧp�U���ܨӻs�@���g���D�G
  1. ��@�D�@�G�Шϥβĥ|�g�����D�A�p�����s����ݡC�M��̾ڽҥ� 13-32 �P 13-34 �������A���s��g�W�z�������A ���Ӻ����H CSS ���˦��ӧe�{�I�Ш��ɦW�� week10-13-1.html

  2. �ѦҲĤ��g�����D�A�p�����s����ݡA�è̾ڽҥ� 13-39 �������A���s��g�Ӻ����A�����ϥi�H��@�@�i�b�����������A �B���Ϥ��|�H�۱��b���ܡI�o�O�D�`���Ϊ��\���I�Ш��ɦW�� week10-13-2.html

  3. �ѦҲĥ|�g�����D�A�p�����s����ݡA�M��̾ڽҥ� 13-36 ���������A�ק�U�ӲM��C�Y�ݭn�ϥβy�ΡA �i�H�����U���A���M�A�z�]�i�H�ϥΦۤv�s�@���p�ʵe����ܡA�N���A���M���e���ϥγ�C �г]�w�ɦW�� week10-13-3.html

  4. ���s�ק�Ĥ��g����@�D�A�p�����s����ݡC�ЧQ�� CSS �������\��A���Ӻ����ܪ�����[�C�`�N�A�ϥΤ�r�ƪ� CSS �S�ĨӳB�z�A �ר�O�i�H������r������ܡA���N��n�F�I�`�N�A���n��������Φb�峹���F��I

  5. �إ��ݩ�A�ۤv�� CSS �˦��� (�Ҧp vbird.css)�A�N�A���w���B�`�Ϊ��˦��s�@�����~���I�s���˦����ɮסA �M��A���Өϥ� CSS �ɡA�ЩI�s���@�ɮרӻs�@�ݩ�z�ۤv�������C�бN�˦��������e�s����A�� index.html �����A ���Ѯv�i�H���U�s���s����ɮ׹�ݤ��e�Y�i�C�ɦW�ۭq

  6. �ק�z�� index.html �A�����g�����D�i�H�Q�s���C

�^��̤W�� (top)