�ĤQ�T���BCSS�˦������ϥ�-�p��ޥ�
�ĤQ�T�����I���@�GCSS �˦������ޥ�
�˦���������ŧi���]�w�P��¦�A��
- 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
- 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
- �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>
- �аѦҽҥ� 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
- �p�G�˦������e�@�ˡA������ҥi�H��X�_�Ӥ@�_�g�b�P�@��C�p�U�ҥܡG
<style type="text/css">
HTML����1, ����2, ����3 { �˦�����:������; �˦�����:������; ... �˦�����:������; �˦�����:������; }
....
</style>
- �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>
- �аѦҽҥ� 13-9 ���������A�إߤ@�Ӭ��������涥�h�˦��������C�����s�����I��13_1_chap_13-1.txt�o���ɮץh�ק�I
- �~���ڽ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
- ���ǫŧ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
- �������С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��>
- �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
- �A�Ӥ��Сy�˦����O�z�k�G�ϥ� *.�˦����O �A�t�X class �Өϥ�
<style type="text/css">
*.�˦����O1{ �˦�����:������; �˦�����:������; ... �˦�����:������; �˦�����:������; }
*.�˦����O2{ �˦�����:������; �˦�����:������; ... �˦�����:������; �˦�����:������; }
....
</style>
<���ҦW�� class=�˦����O1>.....</���ҦW��>
- �N���� 3 �I����ơA�A�קאּ class ���˦����O�覡�ӳB�z�C
- �˦������~�ӡ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
- ��L�˦������ϥΤ覡�G
- �Q�� style="xx" �b���Ҥ��A�������w�C�Ҧp�G<h1 style="color:0000ff;font-size:18">�����F
- �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
- �[���G�˦����]�w�����G�A��������ܶ��ǡG�ڭ̪��D���h�ؼ˦����F�A������ؼ˦�������Ʒ|���Q��ܥX�ӡH
�W�A���Ǧp�U�ҥܡG
- ���J���˦����A��Y <���� style="xx"> ���̰��u��
- ���U�Ӫ� <style>, @import, <link> �o�T���u���ۦP�A�]���H�̫�X�{�����Ӽ˦������D�C
- �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
- ��@�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
- �ѦҲĤ��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
- �ѦҲĥ|�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
- ���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
- �إ��ݩ�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
- �ק�z�� index.html �A�����g�����D�i�H�Q�s���C
|