�x���¹�������ֱ�ӳ���
�gӭ���R�ЈD�W(w��ng) Ո(q��ng) | ע��(c��)
> >>
Webǰ���_(k��i)�l(f��)ϵ�Ѕ���CSS ���T�c��(sh��)�`

���] Webǰ���_(k��i)�l(f��)ϵ�Ѕ���CSS ���T�c��(sh��)�`

���ߣ�������
�����磺���A��W(xu��)����������r(sh��)�g��2018-11-01
�_(k��i)���� ���� �(y��)��(sh��)�� 158
�� �D �r(ji��):¥29.1(7.5��) ���r(ji��)  ¥39.0 ��䛺�ɿ�����(hu��)�T�r(ji��)
����ُ(g��u)��܇ �ղ�
�_(k��i)������ ȫ��(ch��ng)���]
?�½������س���
������Ǖ�����>

Webǰ���_(k��i)�l(f��)ϵ�Ѕ���CSS ���T�c��(sh��)�` ���(qu��n)��Ϣ

Webǰ���_(k��i)�l(f��)ϵ�Ѕ���CSS ���T�c��(sh��)�` ������ɫ

�mȻ������ǰ�����P(gu��n)�ļ��g(sh��)������������ CSS ����W(w��ng)�(y��)�_(k��i)�l(f��)��������A(ch��)���g(sh��)֮һ�����λ����(hu��)�p�ױ�ȡ����������Ŀ����׌�x�����T������ CSS �_(k��i)�l(f��)������ CSS �Ļ��A(ch��)֪�R(sh��)�͑�(y��ng)�÷������܉������ʹ�� CSS ��(l��i)��(sh��)�F(xi��n)�W(w��ng)�(y��)���ֺ͘�ʽ�Ŀ��������ڱ����Ķ�λ��ƪ�����ƣ���������(n��i)�����c(di��n)���� CSS ���A(ch��)֪�R(sh��)���v��͌�(sh��)�H��(y��ng)����������Ȼ��(hu��)�漰һЩ���еļ��g(sh��)�͑�(y��ng)�÷�ʽ���Լ����� HTML �� JavaScript ���P(gu��n)��֪�R(sh��)���x���ڌW(xu��)��(x��)�͌�(sh��)�`�^(gu��)����������ͨ�^(gu��)��“(li��n)�W(w��ng)�����P(gu��n)������(l��i)�W(xu��)��(x��)ǰ���_(k��i)�l(f��)�� Web ��(y��ng)���_(k��i)�l(f��)���P(gu��n)��֪�R(sh��)�ͼ��g(sh��)

Webǰ���_(k��i)�l(f��)ϵ�Ѕ���CSS ���T�c��(sh��)�` ��(n��i)�ݺ�(ji��n)��

������(n��i)�ݰ����g�[�����_(k��i)�l(f��)���߽�B��CSS ���A(ch��)֪�R(sh��)�͑�(y��ng)�÷�����ͨ�^(gu��)؞��ȫ���đ�(y��ng)�ð���������(d��o)�x���˽�͌W(xu��)��(x��) CSS ���P(gu��n)��֪�R(sh��)�c(di��n)���������@Щ֪�R(sh��)�����ͽ�Q��(w��n)�}���x���ڌW(xu��)��(x��)�걾���󣬑�(y��ng)ԓ�܉�����ͨ�^(gu��) CSS ��(l��i)���ƾW(w��ng)�(y��)���ּ���(n��i)�ݳʬF(xi��n)�ķ������˽⵽���õ� CSS ���������߂�����ͽ�Q CSS ���P(gu��n)��(w��n)�}������

Webǰ���_(k��i)�l(f��)ϵ�Ѕ���CSS ���T�c��(sh��)�` Ŀ�

Ŀ�
��1���˽�CSS1
1.1CSS������1
1.2�����C(j��)��1
1.3�W(w��ng)�(y��)�g�[��2
1.4�����Ԇ�(w��n)�}2��2���_(k��i)�l(f��)����4
2.1�g�[�����_(k��i)�l(f��)�߹���4
2.1.1Google Chrome�g�[��4
2.1.2�_(k��i)�l(f��)�߹���5
2.2���a��݋����7
2.2.1Visual Studio Code7
2.2.2�ھ���݋���A(y��)�[����8
2.3�o�B(t��i)�ļ�����(w��)��8
2.4���a�惦(ch��)�Ͱ汾���ơ���Git9
2.5�����ęn���Y��9��3���_(k��i)ʼ����CSS11
3.1CSSҎ(gu��)�t11
3.2�x����11
3.3����•��13
3.3.1�������Q13
3.3.2����ǰ�Y13
3.3.3����ֵ14
3.4@Ҏ(gu��)�t15
3.4.1@charset15
3.4.2@import15
3.4.3@media16
3.5ע�17
3.6�e(cu��)�`̎��17
3.6.1�o(w��)Ч��ֵ17
3.6.2ʹ�Þg�[����Q��ʽ��(w��n)�}18��4�¾W(w��ng)�(y��)�еĘ�ʽ21
4.1��CSS��(y��ng)�õ��W(w��ng)�(y��)��21
4.1.1��(n��i)“(li��n)��ʽ21
4.1.2��(n��i)����ʽ21
4.1.3�ⲿ��ʽ22
4.2ʹ��JS���Ƙ�ʽ22
4.3����(du��)·���ͽ^��(du��)·��23
4.4�W(w��ng)�(y��)�д��ڵĘ�ʽ24
4.4.1�g�[��Ĭ�J(r��n)��ʽ24
4.4.2�W(w��ng)�(y��)�_(k��i)�l(f��)�߶��x�Ę�ʽ24
4.4.3�Ñ��Զ��x��ʽ25
4.5��ʽ�ČӯB25
4.5.1����(j��)��(l��i)Դ�_����(y��u)�ȼ�(j��)25
4.5.2����(j��)Ҏ(gu��)�t���_����(y��u)�ȼ�(j��)26
4.5.3!important��(bi��o)ӛ26
4.6��ʽ���^��27��5���x����28
5.1�����x����28
5.2�����x����29
5.3����x����29
5.3.1aԪ�،��ٵĎ׷N��B(t��i)30
5.3.2:active��B(t��i)30
5.3.3:hover��B(t��i)30
5.3.4:focus��B(t��i)30
5.3.5:enabled��B(t��i)�c:disabled��B(t��i)30
5.3.6:checked��B(t��i)31
5.3.7:root��B(t��i)31
5.3.8��Ԫ��λ��31
5.3.9��Ԫ�����32
5.3.10:not(selector)32
5.3.11:fullscreen32
5.4��Ԫ���x����32
5.4.1::after33
5.4.2::before33
5.4.3::first\|letter33
5.4.4::first��line33
5.4.5::selection33
5.5�P(gu��n)ϵ�x����34
5.6�x�����M��34
5.6.1�B��34
5.6.2�M��35
5.7�x������(y��u)�ȼ�(j��)35��6��CSS����ֵ37
6.1����(sh��)37
6.2��(sh��)ֵ37
6.3�ٷ�?j��n)?sh��)37
6.4�ߴ�ֵ37
6.5�Ƕ�ֵ38
6.6�r(sh��)�g38
6.7�ַ���39
6.8�P(gu��n)�I�~39
6.9�ɫֵ39
6.10����(sh��)41��7�����w���ı�42
7.1���Œ�(sh��)��42
7.2���w���P(gu��n)����44
7.2.1font��family����44
7.2.2font��size����45
7.2.3font��style����46
7.2.4font��weight����46
7.2.5line��height����47
7.2.6font����47
7.2.7@font��face•��47
7.3�ı����P(gu��n)����49
7.3.1direction����49
7.3.2letter��spacing����49
7.3.3word��spacing����49
7.3.4white\|space����50
7.3.5word��break����52
7.3.6text��align����52
7.3.7text��justify����55
7.3.8text��indent����55
7.3.9text��transform����55
7.3.10text��overflow����56
7.3.11word��wrap����57
7.3.12user��select����57
7.4�b��Ԙ�ʽ58
7.4.1color����58
7.4.2text��decoration����58
7.4.3text��shadow����59��8�º�ģ��60
8.1���Œ�(sh��)����������(l��)�W(w��ng)վ���(y��)60
8.1.1�(y��)����61
8.1.2�W(w��ng)�񲼾�64
8.2Ԫ�صijʬF(xi��n)��ʽ66
8.3���ӵĽM��68
8.4���Ⱥ͸߶�70
8.5��(n��i)߅��71
8.6߅��71
8.7��߅��75
8.8�ߴ�Ӌ(j��)��78
8.9��(n��i)�����78��9���Ժ�ģ��81
9.1���Œ�(sh��)���������Զ��в���81
9.2���P(gu��n)����82
9.3�����������P(gu��n)����83
9.4������Ԫ�����P(gu��n)����88��10���b��Ԙ�ʽ92
10.1߅�򱳾��D92
10.2݆��95
10.3�A��96
10.4����99
10.5�u׃104
10.6���Ӱ107
10.7͸����108��11�¶�λ110
11.1���P(gu��n)����110
11.1.1position����110
11.1.2top��bottom��left��right����112
11.1.3z��index����113
11.2��(y��ng)��(ch��ng)��114
11.2.1Tooltip�M��114
11.2.2Dropdown�M��116
11.2.3Dialog�M��118��12�¸���(d��ng)120
12.1����(d��ng)������120
12.2�������(d��ng)122
12.3��(y��ng)�È�(ch��ng)��124��13��׃�Q127
13.1����׃�QЧ��127
13.2֧�ֵ�׃�Q���129
13.3�O(sh��)��׃�Qԭ�c(di��n)130��14���^(gu��)��131
14.1�����^(gu��)����131
14.2���P(gu��n)����132��15�„�(d��ng)��134
15.1��(d��ng)����(sh��)��134
15.2���x��(d��ng)��136
15.3ʹ�úͿ��Ƅ�(d��ng)��137��16����������140
16.1visibility����140
16.2resize����141
16.3cursor����142
16.4content����143
16.5filter����144
16.6vertical��align����146��17�ƒ�(n��i)��Ԫ�صĘ�ʽ149
17.1���o149
17.2�б�150
17.3����153
17.4���156

չ�_(k��i)ȫ��

Webǰ���_(k��i)�l(f��)ϵ�Ѕ���CSS ���T�c��(sh��)�` ��(ji��)�x

��5���x���� ��1��4�½�B��CSS���Z(y��)����ʹ�÷�ʽ�ͻ������������Œ���BCSS�е�һ��ʮ���`��Ĺ��ߡ����x������ �x����ͨ�^(gu��)һϵ�е�Ҏ(gu��)�tָ����(y��ng)�î�(d��ng)ǰ��ʽҎ(gu��)�t��Ŀ��(bi��o)Ԫ����Ҳ�����f(shu��)����ʽҎ(gu��)�tֻ��(du��)�c�x������ƥ���Ԫ����Ч����(du��)��ƥ���Ԫ��?z��)oЧ�� 5.1�����x���� �����x������������4�N����� 1. Ԫ���x���� Ԫ���x����ʹ��Ԫ�ؘ�(bi��o)�������x������p ��(hu��)ƥ�䮔(d��ng)ǰ�(y��)���е����� Ԫ����/�� ƥ�䮔(d��ng)ǰ�(y��)���е����� Ԫ�� ��/ p { color: #333; } 2. ID�x���� #target ƥ�� id ����ֵ��"target"��һ��(g��)Ԫ����#header { margin-bottom: 24px; } һ��(g��)�(y��)���в��ܴ��ڃɂ�(g��) id ����ֵ��ͬ��Ԫ���� 3. ��x���� .target ƥ�� class ����ֵ�а���"target"���~��Ԫ����.error { color: red; } HTMLԪ�ص�class���Կ��԰�������(g��)ֵ���@Щֵ���б�����ʽ����(��DOM�зQ��classListclassList: �L��(w��n)�W(w��ng)ַ��https://developer.mozilla.org/en-US/docs/Web/API/Element/classList��)����(d��ng)�б�����һ��(g��)ֵ�c�x����ƥ��r(sh��)����ʽ�͌�(du��)ԓԪ����Ч��

Webǰ���_(k��i)�l(f��)ϵ�Ѕ���CSS ���T�c��(sh��)�` ���ߺ�(ji��n)��

��������ɽ�|�Ƽ���W(xu��)ܛ�����̌��I(y��)���F(xi��n)���Ϻ��f(w��n)������ܛ�����޹�˾ǰ�˹��̎���ؓ(f��)؟(z��) Web �˺��Ƅ�(d��ng)�˲���ģ�K���_(k��i)�l(f��)�������� 2010 ����|ǰ�˼����P(gu��n)���g(sh��)�ԁ�(l��i)��һֱ����ǰ���_(k��i)�l(f��)���P(gu��n)�Ĺ��������c�^(gu��) CMS ϵ�y(t��ng)���҃�(n��i)�؈D��CDN ƽ�_(t��i)���_(k��i)�l(f��)�y(c��)ԇƽ�_(t��i)���罻��(y��ng)�ü��k���f(xi��)��ƽ�_(t��i)���P(gu��n)ϵ�y(t��ng)���O(sh��)Ӌ(j��)��ǰ���_(k��i)�l(f��)����

��Ʒ�u(p��ng)Փ(0�l)
���o(w��)�u(p��ng)Փ����
�������]
����픲�
�ЈD�W(w��ng)
�ھ��ͷ�