背景样式与视觉差的实现

• 背景色：backgroung-color:颜色描述;
• 背景图：background-image：url();
• 平铺方式：background-repeat：repeat x-repeat y-repeat no-repeat;
• 背景位置：background-position x leftcenter right y top center bottom;
• 背景图随滚动条移动的方式：background-attachment:scroll

边框样式

• boder-style: solid dashed dotted;
• boder-width:
• boder-color:transparnt(透明度)

文字样式

• 字体样式font-family:“Arial”“simsum”
• font-size:16px xx-small small medium large x-large
• font-weight: normal(400) bold(700) 100-900
• font-style: normal italic

段落样式

• text-decoration:文本装饰 underline line
• through overline none
• text-transform： uppercase (文本大写)
• lowercase capitalize (首字母大写)
• text-indent:12em 1em=字体大小
• text-align：justify (两端点对齐)
• line-height: number(px)
• letter-spacing
• word-spacing

复合样式

• background:red url() repeat;
• font:weight style size family;

css选择器

• ID选择器：ID——唯一 html id=“elem” css #elem{}
• CLASS选择器：class————复用 html class=“elem” css elem{}
• TAG标签选择器：去默认格式&&在复杂的选择器中
• 群组选择器：
• 通配选择器：*{}
• 层次选择器：M_N{} M下属所有N M>N{} M下一层的所有N M~{} M当前层级所有N M+N{} M当前层级下一行的N
• 属性选择器：
• 伪类选择器：
• 结构性类选择器：