├── README.md
├── bible
└── css3
│ ├── html
│ ├── 0
│ │ ├── 0.0.html
│ │ ├── 0.1.html
│ │ ├── 0.html
│ │ └── index.html
│ ├── 1
│ │ ├── 1.1.1.html
│ │ ├── 1.1.2.html
│ │ ├── 1.2.1.html
│ │ ├── 1.2.2.html
│ │ ├── 1.3.1.html
│ │ ├── 1.3.2.html
│ │ ├── 1.4.1.html
│ │ ├── 1.4.2.html
│ │ ├── 1.4.3.html
│ │ ├── 1.4.4.html
│ │ ├── 1.4.5.html
│ │ ├── 1.4.6.html
│ │ ├── 1.4.7.html
│ │ ├── 1.5.1.html
│ │ ├── 1.5.2.html
│ │ ├── 1.5.3.html
│ │ ├── 1.5.4.html
│ │ ├── 1.5.5.html
│ │ ├── 1.html
│ │ └── index.html
│ ├── 2
│ │ ├── 2.1.1.html
│ │ ├── 2.1.2.html
│ │ ├── 2.2.1.html
│ │ ├── 2.2.2.html
│ │ ├── 2.2.3.html
│ │ ├── 2.2.4.html
│ │ ├── 2.2.5.html
│ │ ├── 2.3.1.html
│ │ ├── 2.3.2.html
│ │ ├── 2.3.3.html
│ │ ├── 2.3.4.html
│ │ ├── 2.4.html
│ │ ├── 2.5.html
│ │ ├── 2.6.1.html
│ │ ├── 2.6.2.html
│ │ ├── 2.6.3.html
│ │ ├── 2.6.4.html
│ │ ├── 2.6.5.html
│ │ ├── 2.6.6.html
│ │ ├── 2.html
│ │ └── index.html
│ ├── 3
│ │ ├── 3.1.1.html
│ │ ├── 3.1.2.html
│ │ ├── 3.1.3.html
│ │ ├── 3.1.4.html
│ │ ├── 3.1.5.html
│ │ ├── 3.1.6.html
│ │ ├── 3.1.7.html
│ │ ├── 3.1.8.html
│ │ ├── 3.2.1.html
│ │ ├── 3.2.10.html
│ │ ├── 3.2.11.html
│ │ ├── 3.2.12.html
│ │ ├── 3.2.13.html
│ │ ├── 3.2.14.html
│ │ ├── 3.2.15.html
│ │ ├── 3.2.16.html
│ │ ├── 3.2.2.html
│ │ ├── 3.2.3.html
│ │ ├── 3.2.4.html
│ │ ├── 3.2.5.html
│ │ ├── 3.2.6.html
│ │ ├── 3.2.7.html
│ │ ├── 3.2.8.html
│ │ ├── 3.2.9.html
│ │ ├── 3.html
│ │ └── index.html
│ ├── 4
│ │ ├── 4.1.html
│ │ ├── 4.2.html
│ │ ├── 4.3.html
│ │ ├── 4.4.1.html
│ │ ├── 4.4.2.html
│ │ ├── 4.4.3.html
│ │ ├── 4.4.4.html
│ │ ├── 4.5.1.html
│ │ ├── 4.5.10.html
│ │ ├── 4.5.2.html
│ │ ├── 4.5.3.html
│ │ ├── 4.5.4.html
│ │ ├── 4.5.5.html
│ │ ├── 4.5.6.html
│ │ ├── 4.5.7.html
│ │ ├── 4.5.8.html
│ │ ├── 4.5.9.html
│ │ ├── 4.5.html
│ │ ├── 4.6.html
│ │ ├── 4.7.html
│ │ ├── 4.8.1.html
│ │ ├── 4.8.2.html
│ │ ├── 4.8.3.html
│ │ ├── 4.8.4.html
│ │ ├── 4.9.1.html
│ │ ├── 4.9.2.html
│ │ ├── 4.9.3.html
│ │ ├── 4.9.4.html
│ │ ├── 4.9.5.html
│ │ ├── 4.html
│ │ └── index.html
│ ├── 5
│ │ ├── 5.1.1.html
│ │ ├── 5.1.2.html
│ │ ├── 5.2.1.html
│ │ ├── 5.2.2.html
│ │ ├── 5.2.3.html
│ │ ├── 5.3.1.html
│ │ ├── 5.3.2.html
│ │ ├── 5.html
│ │ └── index.html
│ ├── 6
│ │ ├── 6.1.1.html
│ │ ├── 6.1.2.html
│ │ ├── 6.2.html
│ │ ├── 6.3.1.html
│ │ ├── 6.3.2.html
│ │ ├── 6.3.3.html
│ │ ├── 6.3.4.html
│ │ ├── 6.3.5.html
│ │ ├── 6.3.6.html
│ │ ├── 6.html
│ │ └── index.html
│ ├── 7
│ │ ├── 7.1.1.html
│ │ ├── 7.1.2.html
│ │ ├── 7.1.3.html
│ │ ├── 7.2.1.html
│ │ ├── 7.2.2.html
│ │ ├── 7.2.3.html
│ │ ├── 7.2.4.html
│ │ ├── 7.html
│ │ └── index.html
│ ├── 8
│ │ ├── 8.1.html
│ │ ├── 8.2.html
│ │ ├── 8.3.1.html
│ │ ├── 8.3.2.html
│ │ ├── 8.html
│ │ └── index.html
│ ├── 9
│ │ ├── 9.1.1.html
│ │ ├── 9.1.2.html
│ │ ├── 9.1.3.html
│ │ ├── 9.2.1.html
│ │ ├── 9.2.2.html
│ │ ├── 9.2.3.html
│ │ ├── 9.2.4.html
│ │ ├── 9.3.1.html
│ │ ├── 9.3.2.html
│ │ ├── 9.3.3.html
│ │ ├── 9.3.4.html
│ │ ├── 9.4.1.html
│ │ ├── 9.4.2.html
│ │ ├── 9.4.3.html
│ │ ├── 9.4.4.html
│ │ ├── 9.4.5.html
│ │ ├── 9.html
│ │ └── index.html
│ ├── 10
│ │ ├── 10.1.html
│ │ ├── 10.2.1.html
│ │ ├── 10.2.2.html
│ │ ├── 10.2.3.html
│ │ ├── 10.3.html
│ │ ├── 10.4.1.html
│ │ ├── 10.4.2.html
│ │ ├── 10.4.3.html
│ │ ├── 10.4.4.html
│ │ ├── 10.4.5.html
│ │ ├── 10.4.6.html
│ │ ├── 10.4.7.html
│ │ ├── 10.4.8.html
│ │ ├── 10.html
│ │ └── index.html
│ └── 11
│ │ ├── 11.1.1.html
│ │ ├── 11.1.2.html
│ │ ├── 11.1.3.html
│ │ ├── 11.1.4.html
│ │ ├── 11.2.html
│ │ ├── 11.3.1.html
│ │ ├── 11.3.2.html
│ │ ├── 11.3.3.html
│ │ ├── 11.3.4.html
│ │ ├── 11.3.5.html
│ │ ├── 11.3.6.html
│ │ ├── 11.4.1.html
│ │ ├── 11.4.2.html
│ │ ├── 11.4.3.html
│ │ ├── 11.html
│ │ └── index.html
│ ├── img
│ ├── 1
│ │ ├── IETester.png
│ │ ├── color.png
│ │ ├── css.png
│ │ ├── css_save.png
│ │ ├── hsl_h.png
│ │ ├── hsl_l.png
│ │ ├── hsl_s.png
│ │ └── selector.png
│ ├── 2
│ │ ├── EF.png
│ │ ├── E~F.png
│ │ ├── attribute.png
│ │ ├── befor_after_attr.png
│ │ ├── befor_after_empty.png
│ │ ├── befor_after_list.png
│ │ ├── befor_after_quote1.png
│ │ ├── befor_after_quote2.png
│ │ ├── befor_after_text.png
│ │ ├── checked.png
│ │ ├── class1.png
│ │ ├── class2.png
│ │ ├── dom.png
│ │ ├── empty.png
│ │ ├── enabled_disablee.png
│ │ ├── first-child.png
│ │ ├── first-letter.png
│ │ ├── first-line.png
│ │ ├── focused.png
│ │ ├── invalid.png
│ │ ├── invalid_num.png
│ │ ├── lang.png
│ │ ├── placeholder.png
│ │ ├── selction1.png
│ │ ├── selction2.png
│ │ ├── selector.png
│ │ ├── target.png
│ │ ├── valid.png
│ │ └── valid_num.png
│ ├── 3
│ │ ├── direction.png
│ │ ├── font-face.png
│ │ ├── font-size-adjust1.png
│ │ ├── font-size-adjust2.png
│ │ ├── font-size1.png
│ │ ├── font-size2.png
│ │ ├── font-stretch.png
│ │ ├── font-style.png
│ │ ├── font-variant.png
│ │ ├── font-weight.png
│ │ ├── font-weights.png
│ │ ├── letter-spacing.png
│ │ ├── line-height.png
│ │ ├── text-align-last.png
│ │ ├── text-align.png
│ │ ├── text-decoration.png
│ │ ├── text-indent.png
│ │ ├── text-overflow.png
│ │ ├── text-shadow.png
│ │ ├── text-transform.png
│ │ ├── vertical-align1.png
│ │ ├── vertical-align2.png
│ │ ├── vertical-align3.png
│ │ ├── white-space.png
│ │ ├── word-break.png
│ │ ├── word-spacing.png
│ │ └── word-wrap.png
│ ├── 4
│ │ ├── anonymous-blockbox.png
│ │ ├── anonymous-inlinebox1.png
│ │ ├── anonymous-inlinebox2.png
│ │ ├── appearance1.png
│ │ ├── appearance2.png
│ │ ├── background-attachment_body_fixed.png
│ │ ├── background-attachment_div_local.png
│ │ ├── background-attachment_div_scroll.png
│ │ ├── background-clip.png
│ │ ├── background-color.png
│ │ ├── background-image.png
│ │ ├── background-images.png
│ │ ├── background-linear-gradient_angle.png
│ │ ├── background-linear-gradient_demo1.png
│ │ ├── background-linear-gradient_demo2.png
│ │ ├── background-linear-gradient_demo3.png
│ │ ├── background-linear-gradient_demo4.png
│ │ ├── background-linear-gradient_keyword.png
│ │ ├── background-origin.png
│ │ ├── background-position.png
│ │ ├── background-position_percent.png
│ │ ├── background-radial-gradient.png
│ │ ├── background-radial-gradient_demo1.png
│ │ ├── background-radial-gradient_demo2.png
│ │ ├── background-radial-gradient_demo3.png
│ │ ├── background-radial-gradient_demo4.png
│ │ ├── background-radial-gradient_demo5.png
│ │ ├── background-repeat.png
│ │ ├── background-repeating-linear-gradient.png
│ │ ├── background-repeating-radial-gradient1.png
│ │ ├── background-repeating-radial-gradient2.png
│ │ ├── background-size.png
│ │ ├── bg.png
│ │ ├── block-element1.png
│ │ ├── block-element2.png
│ │ ├── block.png
│ │ ├── border-image-outset.png
│ │ ├── border-image-repeat.png
│ │ ├── border-image-slice1.png
│ │ ├── border-image-slice2.png
│ │ ├── border-image-width.png
│ │ ├── border-image.png
│ │ ├── border-radius1.png
│ │ ├── border-radius2.png
│ │ ├── border-radius3.png
│ │ ├── border-radius4.png
│ │ ├── border-radius5.png
│ │ ├── border_trbl.png
│ │ ├── borderstyles.png
│ │ ├── box-reflect1.png
│ │ ├── box-reflect2.png
│ │ ├── box-shadow_blur.png
│ │ ├── box-shadow_blur_spread.png
│ │ ├── box-shadow_box.png
│ │ ├── box-shadow_muti.png
│ │ ├── box-shadow_offset1.png
│ │ ├── box-shadow_offset2.png
│ │ ├── box-shadow_spread.png
│ │ ├── box-shadow_w3c.png
│ │ ├── box-sizing_quirks-mode.png
│ │ ├── box-sizing_stirct-mode.png
│ │ ├── box.png
│ │ ├── cursor_alias.png
│ │ ├── cursor_all-scroll.png
│ │ ├── cursor_auto.png
│ │ ├── cursor_cell.png
│ │ ├── cursor_col-resize.png
│ │ ├── cursor_context-menu.png
│ │ ├── cursor_copy.png
│ │ ├── cursor_crosshair.png
│ │ ├── cursor_default.png
│ │ ├── cursor_e-resize.png
│ │ ├── cursor_ew-resize.png
│ │ ├── cursor_grab.png
│ │ ├── cursor_grabbing.png
│ │ ├── cursor_help.png
│ │ ├── cursor_move.png
│ │ ├── cursor_n-resize.png
│ │ ├── cursor_ne-resize.png
│ │ ├── cursor_nesw-resize.png
│ │ ├── cursor_no-drop.png
│ │ ├── cursor_none.png
│ │ ├── cursor_not-allowed.png
│ │ ├── cursor_ns-resize.png
│ │ ├── cursor_nw-resize.png
│ │ ├── cursor_nwse-resize.png
│ │ ├── cursor_pointer.png
│ │ ├── cursor_progress.png
│ │ ├── cursor_row-resize.png
│ │ ├── cursor_s-resize.png
│ │ ├── cursor_se-resize.png
│ │ ├── cursor_sw-resize.png
│ │ ├── cursor_text.png
│ │ ├── cursor_vertical-text.png
│ │ ├── cursor_w-resize.png
│ │ ├── cursor_wait.png
│ │ ├── cursor_zoom-in.png
│ │ ├── cursor_zoom-out.png
│ │ ├── inline-emlement1.png
│ │ ├── inline-emlement2.png
│ │ ├── inline-emlement3.png
│ │ ├── inline-emlement4.png
│ │ ├── inline-emlement5.png
│ │ ├── inline-emlement6.png
│ │ ├── inline-emlement7.png
│ │ ├── inline-emlement8.png
│ │ ├── maring1.png
│ │ ├── outline.png
│ │ ├── overflow_auto.png
│ │ ├── overflow_hidden.png
│ │ ├── overflow_scroll.png
│ │ ├── overflow_visible.png
│ │ ├── overflow_visible_ie.png
│ │ ├── padding1.png
│ │ └── resize.png
│ ├── 5
│ │ ├── bfc1.png
│ │ ├── bfc3.png
│ │ ├── bfc4.png
│ │ ├── bfc5.png
│ │ ├── bfc6.png
│ │ ├── bfc7.png
│ │ ├── bfc8.png
│ │ ├── bfc9.png
│ │ ├── clear1.png
│ │ ├── clear2.png
│ │ ├── float1.png
│ │ ├── float2.png
│ │ ├── float3.png
│ │ ├── float4.png
│ │ ├── float5.png
│ │ ├── float6.png
│ │ ├── float7.png
│ │ ├── float8.png
│ │ ├── ifc1.png
│ │ ├── ifc2.png
│ │ ├── ifc3.png
│ │ ├── ifc4.png
│ │ ├── ifc5.png
│ │ ├── ifc6.png
│ │ ├── ifc7.png
│ │ ├── position_absolute1.png
│ │ ├── position_absolute2.png
│ │ ├── position_relative1.png
│ │ ├── position_relative2.png
│ │ └── z-index.png
│ ├── 6
│ │ ├── a.png
│ │ ├── accordion.png
│ │ ├── crumbs1.png
│ │ ├── crumbs2.png
│ │ ├── crumbs_applestore.png
│ │ ├── drop1.png
│ │ ├── drop2.png
│ │ ├── list-style-image1.png
│ │ ├── list-style-image2.png
│ │ ├── list-style-position.png
│ │ ├── list-style-type1.png
│ │ ├── list-style-type2.png
│ │ ├── mainav.png
│ │ ├── page1.png
│ │ ├── page2.png
│ │ ├── verticalnav1.png
│ │ └── verticalnav2.png
│ ├── 7
│ │ ├── border-collapse.png
│ │ ├── form_horizontal.png
│ │ ├── form_popform.png
│ │ ├── form_vertical1.png
│ │ ├── form_vertical2.png
│ │ ├── form_vertical3.png
│ │ ├── form_vertical4.png
│ │ ├── form_vertical5.png
│ │ ├── input_button.png
│ │ ├── input_file1.png
│ │ ├── input_file2.png
│ │ ├── input_file3.png
│ │ ├── input_file4.png
│ │ ├── input_file5.png
│ │ ├── input_file6.png
│ │ ├── input_file7.png
│ │ ├── input_radio-checkbox1.png
│ │ ├── input_radio-checkbox2.png
│ │ ├── input_select1.png
│ │ ├── input_select2.png
│ │ ├── input_text1.png
│ │ ├── input_text2.png
│ │ ├── input_text3.png
│ │ ├── input_text4.png
│ │ ├── input_text5.png
│ │ ├── table_container.png
│ │ └── table_layout.png
│ ├── 8
│ │ ├── animation-direction_alternate-reverse.png
│ │ ├── animation-direction_alternate.png
│ │ ├── animation-direction_normal.png
│ │ ├── animation-direction_reverse.png
│ │ ├── animation1.png
│ │ ├── animation2.png
│ │ ├── cubic-bezier.png
│ │ ├── matrix.png
│ │ ├── matrix_rule.png
│ │ ├── origin-per.png
│ │ ├── origin-x-y.png
│ │ ├── origin-x.png
│ │ ├── rotate.png
│ │ ├── scale-x-y.png
│ │ ├── scale-x.png
│ │ ├── scale-y.png
│ │ ├── skew-x-y.png
│ │ ├── skew-x.png
│ │ ├── skew-y.png
│ │ ├── step.png
│ │ ├── translate-x-y.png
│ │ ├── translate-x.png
│ │ └── translate-y.png
│ ├── 9
│ │ ├── align-content.png
│ │ ├── align-items.png
│ │ ├── column-count.png
│ │ ├── column-fill_auto.png
│ │ ├── column-fill_balance.png
│ │ ├── column-gap.png
│ │ ├── column-rule1.png
│ │ ├── column-rule2.png
│ │ ├── column-span.png
│ │ ├── column-width1.png
│ │ ├── column-width2.png
│ │ ├── column-width3.png
│ │ ├── flex-basis.png
│ │ ├── flex-box.png
│ │ ├── flex-direction.png
│ │ ├── flex-grow.png
│ │ ├── flex-shrink.png
│ │ ├── flex-wrap.png
│ │ ├── flex.png
│ │ ├── justify-content.png
│ │ ├── order.png
│ │ ├── rwd1.png
│ │ └── rwd2.png
│ ├── 10
│ │ ├── 3px_margin1.png
│ │ ├── 3px_margin2.png
│ │ ├── double_margin1.png
│ │ ├── double_margin2.png
│ │ ├── list-margin.png
│ │ ├── list-margin_ie.png
│ │ ├── list-step.png
│ │ ├── list-step_ie.png
│ │ ├── moreCharacter.png
│ │ ├── peek-a-boo1.png
│ │ ├── peek-a-boo2.png
│ │ ├── relative-overflow1.png
│ │ ├── relative-overflow2.png
│ │ ├── selectivizr.png
│ │ ├── wrong_offset1.png
│ │ ├── wrong_offset2.png
│ │ ├── wrong_offset3.png
│ │ └── wrong_offset4.png
│ ├── 11
│ │ ├── a1.gif
│ │ ├── a2.png
│ │ ├── aside.png
│ │ ├── chapter1.png
│ │ ├── chapter2.png
│ │ ├── chapter3.png
│ │ ├── chapter4.png
│ │ ├── figure.png
│ │ ├── laylout.png
│ │ ├── list.png
│ │ ├── main.png
│ │ ├── openall.png
│ │ ├── table1.png
│ │ ├── table2.png
│ │ ├── tree.png
│ │ ├── vest1.png
│ │ ├── vest2.png
│ │ ├── word_font.png
│ │ └── word_p.png
│ ├── bg.gif
│ └── bg.png
│ └── js
│ └── tree.js
├── css
├── bootstrap-responsive.min.css
├── bootstrap.min.css
├── fonts
│ └── Fangzheng.ttf
└── style.css
├── img
├── alipay.png
├── alipay1.png
├── alipay10.png
├── alipay2.png
├── alipay20.png
├── alipay5.png
├── alipayrand.png
├── alipayscan.png
├── empty.gif
├── external.gif
├── face.png
├── gobottom.png
├── gotop.png
├── join.gif
├── joinbottom.gif
├── line.gif
├── logo-aliyun.png
├── logo-qqyun.png
├── map.png
├── minus.gif
├── minusbottom.gif
├── nolines_minus.gif
├── nolines_plus.gif
├── note.png
├── phone.png
├── plus.gif
├── plusbottom.gif
├── site.png
├── social.png
├── square.png
├── ul.png
├── warn.gif
├── weipay.png
├── weipay1.png
├── weipay10.png
├── weipay2.png
├── weipay20.png
├── weipay5.png
├── weipayrand.png
├── weipayscan.png
├── weixin-icon.png
└── weixin.png
├── index.html
├── js
├── bootstrap.min.js
├── dtree.js
├── jquery.js
├── prettify.js
└── script.js
└── 使用前必读.txt
/README.md:
--------------------------------------------------------------------------------
1 | # 教程简介
2 | 《揭秘CSS》是一本开源的CSS教程，系统介绍整个CSS体系，全面涵盖CSS1、CSS2.1、CSS3， 并将整个CSS体系作为一个有机整体进行介绍，内容编排上，由浅入深，从基础讲起，逐步深入。
3 |
4 |
5 |
6 |
7 | ## 版权声明
8 | 本教程采用[创意共享4.0](https://creativecommons.org/licenses/by-nc/4.0/)许可证。
9 |
10 | 只要保持原作者署名和非商用，您可以自由地阅读、分享、修改本教程。
11 |
12 | 如果您要修改本教程的内容，建议通知作者同步更新，本教程的不断完善，也有您的一份功劳。
13 |
--------------------------------------------------------------------------------
/bible/css3/html/0/0.0.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 版权声明_揭秘CSS世界-歪脖网
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
24 |
25 | - 登录
26 | - |
27 | - 注册
28 |
29 |
30 |
31 |
51 |
55 |
56 |
68 |
69 |
70 |
71 | 阅读（ ）
72 |
73 |
76 | 版权声明
77 | 本教程采用创意共享4.0许可证，只要保持原作者署名和非商用，您可以自由地阅读、分享、修改本教程。如果您要修改本教程的内容，建议通知作者同步更新，本教程的不断完善，也有您的一份功劳。
78 | 本教程并非完全原创，作者只是按照自己的思路，把多年来的学习笔记，以及收集整理的一些零散的资料进行有机组合，让它成为一个完整的教程而已。如果侵犯了您的合法权益，请您及时通知作者进行改正。当然，我也恳切地希望您能非常大度地将您的智慧奉献给全人类，让世界因您而精彩。
79 |
82 |
83 |
« 上一节← 键盘方向键翻页 →
下一节 »
84 |
87 |
88 |
90 |
96 |
97 |
98 |
扫码访问歪脖网
随时随地，想看就看
99 |
100 |
101 |
102 |
103 |
关注歪脖网微信
分享 web 知识、交流 web 经验
104 |
105 |
106 |
50 |
51 |
HTTP 错误 404.0 - Not Found
52 | 您要找的资源已被删除、已更名或暂时不可用。
53 |
54 |
55 |
58 |
59 |
60 |
63 |
64 |
65 |
66 |
87 |
88 |
89 |
90 |
95 |
96 |
19 |
20 |
21 |
24 |
25 | - 登录
26 | - |
27 | - 注册
28 |
29 |
30 |
31 |
51 |
55 |
56 |
68 |
69 |
70 |
71 | 阅读（ ）
72 |
73 | CSS基础
74 | 任何一位前端设计师，对HTML语言一定不会感到陌生，因为它是前端设计师最基本的工具。然而，随着网站越来越复杂，网站的维护变得越来越重要，对设计师的要求也越来越高。设计出美观大方，升级方便，维护轻松的网站，就成为前端设计师最基本的要求。
75 | CSS是一项出色的技术，它使得网页的表现与内容完全分离，使得网站的维护工作变得更容易，不会因为内容的改变而影响表现，也不会因为表现的改变而影响内容。
76 | 本章内容：
77 |
78 | - CSS简介
79 | - CSS开发环境
80 | - CSS基本语法
81 | - CSS属性的值
82 | - 创建样式表
83 |
84 |
87 |
88 |
« 上一节← 键盘方向键翻页 →
下一节 »
89 |
92 |
93 |
95 |
101 |
102 |
103 |
扫码访问歪脖网
随时随地，想看就看
104 |
105 |
106 |
107 |
108 |
关注歪脖网微信
分享 web 知识、交流 web 经验
109 |
110 |
111 |
19 |
20 |
21 |
24 |
25 | - 登录
26 | - |
27 | - 注册
28 |
29 |
30 |
31 |
51 |
55 |
56 |
68 |
69 |
70 |
71 | 阅读（ ）
72 |
73 | CSS基础
74 | 任何一位前端设计师，对HTML语言一定不会感到陌生，因为它是前端设计师最基本的工具。然而，随着网站越来越复杂，网站的维护变得越来越重要，对设计师的要求也越来越高。设计出美观大方，升级方便，维护轻松的网站，就成为前端设计师最基本的要求。
75 | CSS是一项出色的技术，它使得网页的表现与内容完全分离，使得网站的维护工作变得更容易，不会因为内容的改变而影响表现，也不会因为表现的改变而影响内容。
76 | 本章内容：
77 |
78 | - CSS简介
79 | - CSS开发环境
80 | - CSS基本语法
81 | - CSS属性的值
82 | - 创建样式表
83 |
84 |
87 |
88 |
« 上一节← 键盘方向键翻页 →
下一节 »
89 |
92 |
93 |
95 |
101 |
102 |
103 |
扫码访问歪脖网
随时随地，想看就看
104 |
105 |
106 |
107 |
108 |
关注歪脖网微信
分享 web 知识、交流 web 经验
109 |
110 |
111 |
19 |
20 |
21 |
24 |
25 | - 登录
26 | - |
27 | - 注册
28 |
29 |
30 |
31 |
51 |
55 |
56 |
68 |
69 |
70 |
71 | 阅读（ ）
72 |
73 | 概述
74 | CSS选择器
75 | CSS的主要优点之一，就是它能很容易的为所有同类型的元素应用一组样式，而要将样式应用到某个特定的HTML元素，还需要一种机制，来找到相应的元素。
76 | 在CSS中，实现这一机制的核心就是选择器，由它来决定将样式规则应用于哪些元素。有了选择器，在不改动HTML结构的情况下，通过改变样式规则，就可以轻松改变网页的外观，为控制网页的表现提供了很大的灵活性。
77 | 本章内容：
78 |
79 | - 基本选择器
80 | - 关系选择器
81 | - 属性选择器
82 | - 伪元素选择器
83 | - 伪类选择器
84 |
85 |
88 |
89 |
« 上一节← 键盘方向键翻页 →
下一节 »
90 |
93 |
94 |
96 |
102 |
103 |
104 |
扫码访问歪脖网
随时随地，想看就看
105 |
106 |
107 |
108 |
109 |
关注歪脖网微信
分享 web 知识、交流 web 经验
110 |
111 |
112 |
19 |
20 |
21 |
24 |
25 | - 登录
26 | - |
27 | - 注册
28 |
29 |
30 |
31 |
51 |
55 |
56 |
68 |
69 |
70 |
71 | 阅读（ ）
72 |
73 | 概述
74 | CSS选择器
75 | CSS的主要优点之一，就是它能很容易的为所有同类型的元素应用一组样式，而要将样式应用到某个特定的HTML元素，还需要一种机制，来找到相应的元素。
76 | 在CSS中，实现这一机制的核心就是选择器，由它来决定将样式规则应用于哪些元素。有了选择器，在不改动HTML结构的情况下，通过改变样式规则，就可以轻松改变网页的外观，为控制网页的表现提供了很大的灵活性。
77 | 本章内容：
78 |
79 | - 基本选择器
80 | - 关系选择器
81 | - 属性选择器
82 | - 伪元素选择器
83 | - 伪类选择器
84 |
85 |
88 |
89 |
« 上一节← 键盘方向键翻页 →
下一节 »
90 |
93 |
94 |
96 |
102 |
103 |
104 |
扫码访问歪脖网
随时随地，想看就看
105 |
106 |
107 |
108 |
109 |
关注歪脖网微信
分享 web 知识、交流 web 经验
110 |
111 |
112 |
19 |
20 |
21 |
24 |
25 | - 登录
26 | - |
27 | - 注册
28 |
29 |
30 |
31 |
51 |
55 |
56 |
68 |
69 |
70 |
71 | 阅读（ ）
72 |
73 | 概述
74 | CSS选择器
75 | 字体和文本
76 | 文本永远是网页中不可或缺的元素，在Web应用中，设置字体和文本样式是CSS的最基本要求，字体的基本样式包括字体、大小、粗细、倾斜等，文本的基本样式包括文本缩进、对齐方式、行高、字符间距、单词间距等。
77 | 随着CSS3的出现，为字体和文本功能添加了一些高级样式属性，如字体拉伸、字体调整、文本阴影、文本自动换行、长单词自动换行、文本溢出等。
78 | 本章内容：
79 |
83 |
86 |
87 |
« 上一节← 键盘方向键翻页 →
下一节 »
88 |
91 |
92 |
94 |
100 |
101 |
102 |
扫码访问歪脖网
随时随地，想看就看
103 |
104 |
105 |
106 |
107 |
关注歪脖网微信
分享 web 知识、交流 web 经验
108 |
109 |
110 |
19 |
20 |
21 |
24 |
25 | - 登录
26 | - |
27 | - 注册
28 |
29 |
30 |
31 |
51 |
55 |
56 |
68 |
69 |
70 |
71 | 阅读（ ）
72 |
73 | 概述
74 | CSS选择器
75 | 字体和文本
76 | 文本永远是网页中不可或缺的元素，在Web应用中，设置字体和文本样式是CSS的最基本要求，字体的基本样式包括字体、大小、粗细、倾斜等，文本的基本样式包括文本缩进、对齐方式、行高、字符间距、单词间距等。
77 | 随着CSS3的出现，为字体和文本功能添加了一些高级样式属性，如字体拉伸、字体调整、文本阴影、文本自动换行、长单词自动换行、文本溢出等。
78 | 本章内容：
79 |
83 |
86 |
87 |
« 上一节← 键盘方向键翻页 →
下一节 »
88 |
91 |
92 |
94 |
100 |
101 |
102 |
扫码访问歪脖网
随时随地，想看就看
103 |
104 |
105 |
106 |
107 |
关注歪脖网微信
分享 web 知识、交流 web 经验
108 |
109 |
110 |
19 |
20 |
21 |
24 |
25 | - 登录
26 | - |
27 | - 注册
28 |
29 |
30 |
31 |
51 |
55 |
56 |
68 |
69 |
70 |
71 | 阅读（ ）
72 |
73 | 概述
74 | CSS选择器
75 | 字体和文本
76 | 盒模型
77 | 元素的定位
78 | 在CSS中，框是页面布局的对象和基本单位，在一个页面上，必然会存在大量的框，并且它们以各种关系相互影响着。只有把一个框与其他框之间的关系理解清楚，才能真正控制页面中各元素的位置，实现完美的布局。
79 | 为了能够方便的组织各种框，CSS提出了普通流、绝对定位、浮动这三种定位方案，通过定位方案来控制元素的位置，实现有序的排列和布局。
80 | 无论使用哪种定位方案，元素都是相对于其包含块进行定位，包含块是一个元素的布局上下文。绝对定位元素的包含块是最近已定位的祖先元素的内边距边界，非绝对定位元素的包含块是它最近的块级祖先元素（或表格单元格、或行内块祖先元素）的内容边界。
81 | 本章内容：
82 |
83 | - 普通流
84 | - 定位
85 | - 浮动
86 |
87 |
90 |
91 |
« 上一节← 键盘方向键翻页 →
下一节 »
92 |
95 |
96 |
98 |
104 |
105 |
106 |
扫码访问歪脖网
随时随地，想看就看
107 |
108 |
109 |
110 |
111 |
关注歪脖网微信
分享 web 知识、交流 web 经验
112 |
113 |
114 |
19 |
20 |
21 |
24 |
25 | - 登录
26 | - |
27 | - 注册
28 |
29 |
30 |
31 |
51 |
55 |
56 |
68 |
69 |
70 |
71 | 阅读（ ）
72 |
73 | 概述
74 | CSS选择器
75 | 字体和文本
76 | 盒模型
77 | 元素的定位
78 | 链接和导航
79 | 导航是任何网站不可或缺的功能，它能够为用户提供全面的引导，让用户快速进入相关频道，从而找到相关的内容。导航的风格往往也决定了一个网站的风格，因此网站设计师会投入很大的精力，来制作各式各样的导航。
80 | 链接是导航的主角，而制作导航也是列表最重要的应用之一，最常见的导航包括面包屑导航、分页导航、垂直导航、手风琴导航、主导航、下拉导航等。本章将为每一类导航，提供一个实例，来介绍其基本制作方法，掌握基本方法后，通过变幻样式，就可以轻松制作不同风格的导航。
81 | 本章内容：
82 |
83 | - 链接的样式
84 | - 列表的样式
85 | - 创建导航
86 |
87 |
90 |
91 |
« 上一节← 键盘方向键翻页 →
下一节 »
92 |
95 |
96 |
98 |
104 |
105 |
106 |
扫码访问歪脖网
随时随地，想看就看
107 |
108 |
109 |
110 |
111 |
关注歪脖网微信
分享 web 知识、交流 web 经验
112 |
113 |
114 |
19 |
20 |
21 |
24 |
25 | - 登录
26 | - |
27 | - 注册
28 |
29 |
30 |
31 |
51 |
55 |
56 |
68 |
69 |
70 |
71 | 阅读（ ）
72 |
73 | 概述
74 | CSS选择器
75 | 字体和文本
76 | 盒模型
77 | 元素的定位
78 | 链接和导航
79 | 导航是任何网站不可或缺的功能，它能够为用户提供全面的引导，让用户快速进入相关频道，从而找到相关的内容。导航的风格往往也决定了一个网站的风格，因此网站设计师会投入很大的精力，来制作各式各样的导航。
80 | 链接是导航的主角，而制作导航也是列表最重要的应用之一，最常见的导航包括面包屑导航、分页导航、垂直导航、手风琴导航、主导航、下拉导航等。本章将为每一类导航，提供一个实例，来介绍其基本制作方法，掌握基本方法后，通过变幻样式，就可以轻松制作不同风格的导航。
81 | 本章内容：
82 |
83 | - 链接的样式
84 | - 列表的样式
85 | - 创建导航
86 |
87 |
90 |
91 |
« 上一节← 键盘方向键翻页 →
下一节 »
92 |
95 |
96 |
98 |
104 |
105 |
106 |
扫码访问歪脖网
随时随地，想看就看
107 |
108 |
109 |
110 |
111 |
关注歪脖网微信
分享 web 知识、交流 web 经验
112 |
113 |
114 |
19 |
20 |
21 |
24 |
25 | - 登录
26 | - |
27 | - 注册
28 |
29 |
30 |
31 |
51 |
55 |
56 |
68 |
69 |
70 |
71 | 阅读（ ）
72 |
73 | 概述
74 | CSS选择器
75 | 字体和文本
76 | 盒模型
77 | 元素的定位
78 | 链接和导航
79 | 表格和表单
80 | 在短短的Web历史中，HTML表格发挥了极大的作用。创建表格的最初目的是为了显示数据，后来表格又渐渐变成了一个备受欢迎的布局工具，设计师们充分发挥创造性，利用表格的行和列来定位网页元素。CSS在网页布局方面可以比HTML更出色，因此，从现在起，建议还是让表格回到最原始的功能，专门用来显示数据，而把布局任务交给CSS来去做。
81 | Web应用总是利用表单来收集数据，表单的布局方向，输入框的对齐方式等都会或多或少影响用户的行为。表单可以水平布局，也可以垂直布局，甚至被隐藏起来，仅在需要的时候才自动弹出。
82 | 本章内容：
83 |
87 |
90 |
91 |
« 上一节← 键盘方向键翻页 →
下一节 »
92 |
95 |
96 |
98 |
104 |
105 |
106 |
扫码访问歪脖网
随时随地，想看就看
107 |
108 |
109 |
110 |
111 |
关注歪脖网微信
分享 web 知识、交流 web 经验
112 |
113 |
114 |
19 |
20 |
21 |
24 |
25 | - 登录
26 | - |
27 | - 注册
28 |
29 |
30 |
31 |
51 |
55 |
56 |
68 |
69 |
70 |
71 | 阅读（ ）
72 |
73 | 概述
74 | CSS选择器
75 | 字体和文本
76 | 盒模型
77 | 元素的定位
78 | 链接和导航
79 | 表格和表单
80 | 在短短的Web历史中，HTML表格发挥了极大的作用。创建表格的最初目的是为了显示数据，后来表格又渐渐变成了一个备受欢迎的布局工具，设计师们充分发挥创造性，利用表格的行和列来定位网页元素。CSS在网页布局方面可以比HTML更出色，因此，从现在起，建议还是让表格回到最原始的功能，专门用来显示数据，而把布局任务交给CSS来去做。
81 | Web应用总是利用表单来收集数据，表单的布局方向，输入框的对齐方式等都会或多或少影响用户的行为。表单可以水平布局，也可以垂直布局，甚至被隐藏起来，仅在需要的时候才自动弹出。
82 | 本章内容：
83 |
87 |
90 |
91 |
« 上一节← 键盘方向键翻页 →
下一节 »
92 |
95 |
96 |
98 |
104 |
105 |
106 |
扫码访问歪脖网
随时随地，想看就看
107 |
108 |
109 |
110 |
111 |
关注歪脖网微信
分享 web 知识、交流 web 经验
112 |
113 |
114 |
