CSS3�W(w��ng)퓘�ʽ�c���ְ����n�� ���(qu��n)��Ϣ
- ISBN��9787302477747
- �l�δa��9787302477747 ; 978-7-302-47774-7
- �b�������o
- �Ԕ�(sh��)�����o
- ���������o
- ���ٷ��>>
CSS3�W(w��ng)퓘�ʽ�c���ְ����n�� ������ɫ
����������A(ch��)�v�����ּ���Ì�������(d��o)�x������W(xu��)��(x��)����ȡ�����A(ch��)���T→���ļ��g(sh��)→�W(w��ng)퓲���→������→�C�ϰ��������v��ģʽ������\�����v��CSS3�ĸ�헼��g(sh��)������(zh��n)������
������1ƪ��Ҫ�v��CSS��ʽ���T��CSS3��ʽ�Ļ����Z����CSS3�ĸ����Ե�����2ƪ��Ҫ�v����ƾW(w��ng)����w�c�����ʽ�����ƾW(w��ng)퓈DƬ��ʽ�����ƾW(w��ng)퓱����c߅���ʽ�������W(w��ng)퓳�朽Ӻ����(bi��o)�����Ʊ���ͱ�Θ�ʽ�������б��ͲˆΘ�ʽ��ʹ�ÞV�R�����W(w��ng)�Ԫ�صȣ���3ƪ��Ҫ�v��CSS��λ�cDIV���ֺ��ļ��g(sh��)��CSS DIV���ӵĸ����c��λ���̶����ȾW(w��ng)퓲��������c�������Ԅӿs�žW(w��ng)퓲��������c����������4ƪ��Ҫ�v���^�ɺ̈́Ӯ�Ч����2D��3D׃��Ч������(chu��ng)��푑�(y��ng)ʽ��������5ƪ��Ҫ�v���O(sh��)Ӌ�̘I(y��)�T��W(w��ng)퓡��O(sh��)Ӌ�ھ�ُ��W(w��ng)����O(sh��)Ӌ��I(y��)�T��W(w��ng)퓡��O(sh��)Ӌ�ʘ����eW(w��ng)����O(sh��)Ӌ�D��Ӱ��W(w��ng)���
�����m���κ���W(xu��)��(x��)CSS�W(w��ng)��O(sh��)Ӌ�c���ֵ��ˆT���oՓ���Ƿ����Ӌ��C���P(gu��n)�ИI(y��)���oՓ���Ƿ���|�^CSS3��ͨ�^�W(xu��)��(x��)���ɿ�������CSS3���O(sh��)Ӌ�����ͼ�����
CSS3�W(w��ng)퓘�ʽ�c���ְ����n�� ��(n��i)�ݺ���
���A��W(xu��)������“�����n��”��ϵ
������������ʽ�v��ܛ���ă�(n��i)�����x�߿����ڌ��`���쾚����ܛ����ʹ�÷�����
ÿһ��������������(x��)�x��ͬ�r����ȫ���Z���v���ҕ�l�ļ��������x�ߌW(xu��)��(x��)��
�������x�ďV�����漰��ܛ����(y��ng)�õĸ����I(l��ng)���������ИI(y��)���W(xu��)��(x��)�o������
“CG�O(sh��)Ӌ”ϵ��ȫ�ʾ�ӡ��ͬ�ȃrλ��(n��i)�ݸ�����ͬ�ȃ�(n��i)���¸�������
“�W(w��ng)վ�_�l(f��)”ϵ�и�ٛ��ֵ��ȫ��W(xu��)��(x��)�o�ϵK��
CSS�����ٲ��
HTML��(bi��o)���ٲ��
�W(w��ng)퓲��ְ����p��
���ʾW(w��ng)վ��ɫ�����p��
���xJavaScript����
JavaScript����(sh��)�ٲ��փ�
CSS DIV���ְ����p��
����Դ�ļ��c�̌W(xu��)�n��
CSS3�W(w��ng)퓘�ʽ�c���ְ����n�� Ŀ�
Ŀ �
��1ƪ �� �A(ch��) �� �T
��1�� CSS��ʽ���T 3
1.1 �J(r��n)�RCSS 4
1.1.1
CSS���� 4
1.1.2
�g�[���cCSS 4
1.1.3
CSS�İl(f��)չ�vʷ 5
1.2
CSS���Æ�λ 5
1.2.1
�ɫ��λ 5
1.2.2
�L�Ȇ�λ 9
1.3 ���͞g�[CSS 10
1.3.1
�ֹ�����CSS 10
1.3.2
ʹ��Dreamweaver����CSS 11
1.4 ��HTML���{(di��o)��CSS�ķ��� 13
1.4.1
�Ѓ�(n��i)��ʽ 13
1.4.2
��(n��i)Ƕ��ʽ 14
1.4.3
朽Ә�ʽ 15
1.4.4
��(d��o)���ʽ 16
1.5 �{(di��o)�÷����ă�(y��u)�ȼ� 17
1.5.1
�Ѓ�(n��i)��ʽ�̓�(n��i)Ƕ��ʽ�ı��^ 18
1.5.2
��(n��i)Ƕ��ʽ��朽Ә�ʽ�ı��^ 18
1.5.3
朽Ә�ʽ�͌�(d��o)���ʽ�ı��^ 19
1.6 �C�ϰ���——�����a(ch��n)Ʒ�N�۽y(t��ng)Ӌ�� 20
1.7 ������ 22
1.8 ���Ҿ����� 22
��2�� CSS3��ʽ�Ļ����Z�� 23
2.1
CSS���A(ch��)�Z�� 24
2.1.1
CSS��(g��u)��Ҏ(gu��)�t 24
2.1.2
CSS��ע� 24
2.2
CSS�ij����x���� 25
2.2.1
��(bi��o)���x���� 25
2.2.2
��x���� 26
2.2.3
ID�x���� 27
2.2.4
�x�������� 27
2.3 �C�ϰ���——�����ŲʾW(w��ng)վLogo 28
2.4 ������ 31
2.5 ���Ҿ����� 31
��3�� CSS3�ĸ����� 33
3.1 ��(f��)���x���� 34
3.1.1
ȫ���x���� 34
3.1.2
�����x���� 35
3.1.3
�����x���� 35
3.1.4
�^���x���� 36
3.2
CSS3�������x���� 37
3.2.1
�����x���� 37
3.2.2
�Y(ji��)��(g��u)����x���� 39
3.2.3
UIԪ�ؠ�B(t��i)����x���� 40
3.2.4
����x���� 42
3.3
CSS���^������ 43
3.3.1
�^���P(gu��n)ϵ 43
3.3.2
CSS�^��\�� 44
3.4
CSS�ČӯB���� 45
3.4.1
ͬһ�x��������ζ��x��
̎�� 45
3.4.2
ͬһ��(bi��o)���\�ò�ͬ����x����
��̎�� 46
3.5 �C�ϰ���——�������ˆ� 47
3.6 ������ 49
3.7 ���Ҿ����� 50
��IIƪ �� �� �� �g(sh��)
��4�� ʹ��CSS3���ƾW(w��ng)����w
�c�����ʽ 53
4.1 ͨ�^CSS�������w��ʽ 54
4.1.1
�������w��� 54
4.1.2
���x���w��С 55
4.1.3
���x���w�L(f��ng)�� 56
4.1.4
�������ֵĴּ�(x��) 57
4.1.5
��С����ĸ�D(zhu��n)�Q�����ĸ 58
4.1.6
�O(sh��)�����w�ď�(f��)�ό��� 59
4.1.7
���x���ֵ��ɫ 59
4.2
CSS3���������ı�����ʽ 61
4.2.1
�����ı����ӰЧ�� 61
4.2.2
�O(sh��)���ı����Ч�� 62
4.2.3
�����ı��ēQ�� 63
4.2.4
�O(sh��)�����w�ߴ� 64
4.3 ͨ�^CSS�����ı��g���c���R��ʽ 65
4.3.1
�O(sh��)�Æ��~֮�g���g�� 65
4.3.2
�O(sh��)���ַ�֮�g���g�� 66
4.3.3
���ı������������τ�����
�h���� 67
4.3.4
�O(sh��)�ô�ֱ���R��ʽ 68
4.3.5
�D(zhu��n)�Q�ı��Ĵ�С�� 69
4.3.6
�O(sh��)���ı���ˮƽ���R��ʽ 70
4.3.7
�O(sh��)���ı��Ŀs�MЧ�� 72
4.3.8
�O(sh��)���ı����и� 73
4.3.9
�ı��Ŀհ�̎�� 74
4.3.10
�ı��ķ��� 75
4.4 �C�ϰ���1——�O(sh��)�þW(w��ng)퓘�(bi��o)�} 76
4.5 �C�ϰ���2——��������� 78
4.6 ������ 79
4.7 ���Ҿ����� 80
��5�� ʹ��CSS���ƾW(w��ng)퓈DƬ��ʽ 81
5.1 �DƬ�s�� 82
5.1.1
ͨ�^������(bi��o)ӛwidth��height
�s�ňDƬ 82
5.1.2
ʹ��CSS3�е�max-width��
max-height�s�ňDƬ 82
5.1.3
ʹ��CSS3�е�width��height
�s�ňDƬ 83
5.2 �O(sh��)�ÈDƬ�Č��R��ʽ 84
5.2.1
�O(sh��)�ÈDƬ�M��?q��)��R 84
5.2.2
�O(sh��)�ÈDƬ�v��?q��)��R 85
5.3 �D�Ļ��� 87
5.3.1
�O(sh��)�����֭h(hu��n)�@Ч�� 87
5.3.2
�O(sh��)�ÈDƬ�c���ֵ��g�� 88
5.4 �C�ϰ���1——�����W(xu��)У������ 90
5.5 �C�ϰ���2——�������ΈD�Ļ���
�W(w��ng)� 92
5.6 ������ 94
5.7 ���Ҿ����� 94
��6�� ʹ��CSS���ƾW(w��ng)퓱���
�c߅���ʽ 95
6.1 ʹ��CSS���ƾW(w��ng)퓱��� 96
6.1.1
�O(sh��)�ñ����ɫ 96
6.1.2
�O(sh��)�ñ����DƬ 97
6.1.3
�����DƬ�؏�(f��) 98
6.1.4
�����DƬ�@ʾ 100
6.1.5
�����DƬλ�� 101
6.2
CSS3���������ƾW(w��ng)퓱������� 102
6.2.1
�����DƬ��С 102
6.2.2
�����@ʾ�^(q��)�� 104
6.2.3
�����DƬ�ü�^(q��)�� 105
6.2.4
������(f��)�ό��� 107
6.3 ʹ��CSS����߅���ʽ 108
6.3.1
�O(sh��)��߅���ʽ 108
6.3.2
�O(sh��)��߅���ɫ 109
6.3.3
�O(sh��)��߅�� 110
6.3.4
�O(sh��)��߅���(f��)�ό��� 112
6.4
CSS3������߅��A��Ч�� 113
6.4.1
�O(sh��)�ÈA��߅�� 113
6.4.2
ָ���ɂ��A�ǰ돽 114
6.4.3
�L��4����ͬ�A��߅�� 115
6.4.4
�L�Ʋ�ͬ�N�߅�� 117
6.5
CSS3�еĝu׃Ч�� 119
6.5.1
���ԝu׃Ч�� 119
6.5.2
����u׃Ч�� 121
6.6 �C�ϰ���1——�������ι�˾��� 122
6.7 �C�ϰ���2——�������������YӍ
��� 126
6.8 ������ 127
6.9 ���Ҿ����� 128
��7�� ʹ��CSS3�����W(w��ng)퓞g�[
�� 129
7.1 ʹ��CSS3������朽� 130
7.1.1
��׃����朽ӻ�����ʽ 130
7.1.2
�O(sh��)�Î�����ʾ��Ϣ�ij���
朽� 131
7.1.3
�O(sh��)�ó���朽ӵı����D 132
7.1.4
�O(sh��)�ó���朽ӵİ��oЧ�� 133
7.2 ʹ��CSS3�������(bi��o)��Ч 134
7.2.1
ʹ��CSS3�������(bi��o)���^ 134
7.2.2
�O(sh��)�����(bi��o)׃��ʽ��朽� 135
7.2.3
�O(sh��)�þW(w��ng)����L�ӗl 136
7.3 �C�ϰ���1——�DƬ�汾����朽� 138
7.4 �C�ϰ���2——���(bi��o)��Ч 140
7.5 �C�ϰ���3——����һ�����ε�
��(d��o)���� 142
7.6 ������ 144
7.7 ���Ҿ����� 144
��8�� ʹ��CSS���Ʊ���
�ͱ�Θ�ʽ 145
8.1 ���������ʽ 146
8.1.1
�O(sh��)�ñ���߅���ʽ 146
8.1.2
�O(sh��)�ñ���߅��?q��)��? 148
8.1.3
�O(sh��)�ñ���߅���ɫ 149
8.2 ������Θ�ʽ 150
8.2.1
��������е�Ԫ�� 150
8.2.2
�����ύ���o 152
8.2.3
���������ˆ� 153
8.3 �C�ϰ���1——�����Ñ������� 155
8.4 �C�ϰ���2——�����Ñ�ע����� 156
8.5 ������ 159
8.6 ���Ҿ����� 159
��9�� �����б��ͲˆΘ�ʽ 161
9.1
�����Ŀ�б��Ę�ʽ 162
9.1.1
�����o���б� 162
9.1.2
���������б� 163
9.1.3
�����Զ��x�б� 165
9.1.4
�����DƬ�б� 166
9.1.5
�s�M�DƬ�б� 167
9.1.6
�б��(f��)�ό��� 168
9.2 ʹ��CSS�����W(w��ng)퓲ˆ� 169
9.2.1
�����o횱���IJˆ� 169
9.2.2
����ˮƽ�ʹ�ֱ�ˆ� 171
9.3 �C�ϰ���1——ģ�Msoso��(d��o)���� 173
9.4 �C�ϰ���2——�������D(zhu��n)׃���б� 177
9.5 ������ 178
9.6 ���Ҿ����� 178
��10�� ʹ�ÞV�R�����W(w��ng)�Ԫ�� 179
10.1
�V�R���� 180
10.2
�O(sh��)�û����V�RЧ�� 181
10.2.1
��˹ģ���V�R 181
10.2.2
�����ȞV�R 182
10.2.3
���ȶȞV�R 183
10.2.4
�Ӱ�V�R 184
10.2.5
�ҶȞV�R 185
10.2.6
�����V�R 186
10.2.7
���ȞV�R 187
10.2.8
ͶȞV�R 188
10.2.9
���ɫ�V�R 189
10.3
ʹ�Ï�(f��)�ϞV�RЧ�� 190
10.4
������ 191
10.5
���Ҿ����� 192
��IIIƪ �W(w��ng) � �� ��
��11�� CSS��λ�cDIV���ֺ���
���g(sh��) 195
11.1
�˽�K��Ԫ�غ��Ѓ�(n��i)��Ԫ�� 196
11.1.1
�K��Ԫ�غ��Ѓ�(n��i)��Ԫ�ص�
��(y��ng)�� 196
11.1.2
divԪ�غ�spanԪ�صą^(q��)�e 198
11.2
����ģ�� 198
11.2.1
����ģ�͵ĸ��� 198
11.2.2
���x�W(w��ng)�border�^(q��)�� 199
11.2.3
���x�W(w��ng)�padding�^(q��)�� 200
11.2.4
���x�W(w��ng)�margin�^(q��)�� 201
11.3
���Ժ�ģ�� 204
11.3.1
���x���Ӳ��ַ��� 205
11.3.2
���x���Ӳ������ 206
11.3.3
���x���Ӳ���λ�� 208
11.3.4
���x���ӏ��Կ��g 209
11.3.5
�������ӿ��g 211
11.3.6
���ӿ��g��������� 213
11.4
�C�ϰ���1——�D���Ű�Ч�� 214
11.5
�C�ϰ���2——�Ԍ���(d��o)ُ�ˆ� 217
11.6
������ 219
11.7
���Ҿ����� 220
��12�� CSS DIV���ӵĸ���
�c��λ 221
12.1
���xDIV 222
12.1.1
ʲô��DIV 222
12.1.2
��(chu��ng)��DIV 222
12.2
���ӵĶ�λ 223
12.2.1
�o�B(t��i)��λ 223
12.2.2
������λ 224
12.2.3
�^����λ 225
12.2.4
�̶���λ 226
12.2.5
���ӵĸ��� 227
12.3
����CSS���ֶ�λ��ʽ 229
12.3.1
�����λ 229
12.3.2
�[�ض�λ 231
12.3.3
z-index���g��λ 233
12.4
����CSS3����� 234
12.4.1
�O(sh��)���Ќ��� 234
12.4.2
�O(sh��)����(sh��) 236
12.4.3
�O(sh��)�����g�� 237
12.4.4
�O(sh��)����߅���ʽ 238
12.5
�C�ϰ���1——��λ�W(w��ng)퓲��֘�ʽ 240
12.6
�C�ϰ���2——�����Ӱ����Ч�� 243
12.7
������ 244
12.8
���Ҿ����� 244
��13�� �̶����ȾW(w��ng)퓲�������
�c���� 245
13.1
CSS���^�� 246
13.1.1
�������div�։K 246
13.1.2
�O(sh��)�ø��Kλ�� 246
13.1.3
��CSS��λ 247
13.2
�̶����ȾW(w��ng)������c���� 250
13.2.1
�W(w��ng)퓆��в���ģʽ 250
13.2.2
�W(w��ng)�1-2-1�Ͳ���ģʽ 254
13.2.3
�W(w��ng)�1-3-1�Ͳ���ģʽ 258
13.3
������ 261
13.4
���Ҿ����� 262
��14�� �Ԅӿs�žW(w��ng)퓲�������
�c���� 263
14.1
�Ԅӿs�žW(w��ng)�1-2-1�Ͳ���ģʽ 264
14.1.1
“1-2-1”�ȱ���׃������ 264
14.1.2
“1-2-1”����׃������ 265
14.2
�Ԅӿs�žW(w��ng)�1-3-1�Ͳ���ģʽ 266
14.2.1
“1-3-1”���Ќ��ȵȱ���
���� 266
14.2.2
“1-3-1”��(c��)�Ќ��ȹ̶���
׃������ 266
14.2.3
“1-3-1”���g�Ќ��ȹ̶���
׃������ 270
14.2.4
“1-3-1”�p��(c��)�Ќ��ȹ̶���
׃������ 273
14.2.5
“1-3-1”���к����(c��)�Ќ���
�̶���׃������ 277
14.3
���в��ֱ���ɫ��ʹ�� 280
14.3.1
�O(sh��)�ù̶����Ȳ��ֵ���
����ɫ 280
14.3.2
�O(sh��)�����⌒��׃�����ֵ���
����ɫ 282
14.4
�C�ϰ���1——���Ќ���׃������ 284
14.5
�C�ϰ���2——���еȱ�������׃��
���� 285
14.6
������ 288
14.7
���Ҿ����� 288
��IVƪ �� �� �� ��
��15�� �^�ɺ̈́Ӯ�Ч�� 291
15.1
�˽��^��Ч�� 292
15.2
�����^���� 292
15.3
�˽�Ӯ�Ч�� 295
15.4
���ӄӮ�Ч�� 296
15.5
������ 297
15.6
���Ҿ����� 298
��16�� 2D��3D�� 299
16.1
�˽�2D�D(zhu��n)�QЧ�� 300
16.2
����2D�D(zhu��n)�Q�� 300
16.2.1
����2D�Ƅ�Ч�� 300
16.2.2
����2D���D(zhu��n)�� 301
16.2.3
����2D�s���� 302
16.2.4
����2D�AбЧ�� 303
16.2.5
���ӾC��׃��Ч�� 304
16.3
����3D�D(zhu��n)�Q�� 305
16.4
������ 308
16.5
���Ҿ����� 308
��17�� ��(chu��ng)��푑�(y��ng)ʽ��� 309
17.1
�˽⏗�Ժ��� 310
17.2
ʹ�Ï��Ժ��� 310
17.3
�O(sh��)�Ï�����Ԫ�ص�λ�� 313
17.4
�O(sh��)�Ï�����Ԫ�صęM��?q��)��R��ʽ 314
17.5
�O(sh��)�Ï�����Ԫ�صĿv��?q��)��R��ʽ 319
17.6
�O(sh��)�Ï�����Ԫ�صēQ�з�ʽ 321
17.7
�C�ϰ���——ʹ�Ï��Ժ��ӄ�(chu��ng)��
푑�(y��ng)ʽ��� 323
17.8
������ 325
17.9
���Ҿ����� 326
��Vƪ �C �� �� ��
��18�� �̘I(y��)�T��W(w��ng)վ�p�� 329
18.1
���w�O(sh��)Ӌ 330
18.1.1
�ɫ��(y��ng)�÷��� 330
18.1.2
�ܘ�(g��u)���ַ��� 331
18.2
��Ҫģ�K�O(sh��)Ӌ 331
18.2.1
�W(w��ng)����w��ʽ���� 331
18.2.2
�W(w��ng)퓾ֲ���ʽ 333
18.2.3
픲�ģ�K��ʽ���a���� 340
18.2.4
���g���w���a���� 341
18.2.5
�ײ�ģ�K���� 344
18.3
�W(w��ng)վ�{(di��o)�� 345
18.3.1
���փ�(n��i)���{(di��o)�� 345
18.3.2
ģ�K�{(di��o)�� 345
18.3.3
�{(di��o)�����A(y��)�[�yԇ 347
��19�� �O(sh��)Ӌ�ھ�ُ��W(w��ng)� 349
19.1
���w���� 350
19.1.1
�O(sh��)Ӌ���� 350
19.1.2
�Ű�ܘ�(g��u) 350
19.2
��Ҫģ�K�O(sh��)Ӌ 351
19.2.1
Logo�c��(d��o)���^(q��) 351
19.2.2
Banner�c�YӍ�^(q��) 353
19.2.3
�a(ch��n)Ʒe�^(q��)�� 354
19.2.4
��_�^(q��)�� 355
��20�� �O(sh��)Ӌ��I(y��)�T��W(w��ng)� 357
20.1
��(g��u)˼���� 358
20.1.1
�O(sh��)Ӌ���� 358
20.1.2
�Ű�ܘ�(g��u) 358
20.2
��Ҫģ�K�O(sh��)Ӌ 359
20.2.1
Logo�c��(d��o)���ˆ� 359
20.2.2
Banner�^(q��) 360
20.2.3
�YӍ�^(q��) 361
20.2.4
���(qu��n)��Ϣ 363
��21�� �O(sh��)Ӌ�ʘ����eW(w��ng)� 365
21.1
���w�O(sh��)Ӌ 366
21.1.1
��(y��ng)���O(sh��)Ӌ���� 366
21.1.2
�ܘ�(g��u)���ַ��� 367
21.2
��Ҫģ�K�O(sh��)Ӌ 368
21.2.1
�W(w��ng)����w��ʽ���� 368
21.2.2
픲�ģ�K���a���� 369
21.2.3
ҕ�lģ�K���a���� 370
21.2.4
�uՓģ�K���a���� 371
21.2.5
���T���]ģ�K���a���� 373
21.2.6
�ײ�ģ�K���� 375
21.3
�W(w��ng)��{(di��o)�� 376
21.3.1
���փ�(n��i)���{(di��o)�� 376
21.3.2
�{(di��o)�����A(y��)�[�yԇ 377
��22�� �O(sh��)Ӌ�D��Ӱ��W(w��ng)� 379
22.1
���w�O(sh��)Ӌ 380
22.1.1
�ɫ��(y��ng)�÷��� 380
22.1.2
�ܘ�(g��u)���ַ��� 381
22.2
��Ҫģ�K�O(sh��)Ӌ 382
22.2.1
��ʽ���a���� 382
22.2.2
픲�ģ�K��ʽ���a���� 386
22.2.3
�W(w��ng)վ���wģ�K���a���� 387
22.2.4
�ײ�ģ�K���� 391
22.3
�W(w��ng)վ�{(di��o)�� 392
22.3.1
���փ�(n��i)���{(di��o)�� 392
22.3.2
ģ�K�{(di��o)�� 392
22.3.3
�{(di��o)�����A(y��)�[�yԇ 395
չ�_ȫ��
CSS3�W(w��ng)퓘�ʽ�c���ְ����n�� ���ߺ���
�����L�ڏ��¾W(w��ng)վ�_�l(f��)��������(sh��)����н��˴������Ŀ�������S���Č��`��(j��ng)���