第一周笔记

块元素div p ul ol dl 行内 span a em i b 行内块 img input textarea 表单 action提交地址 method提交方式

background-color背景颜色
background-image:url(图片地址)背景图片
background-repeat:no-repeat背景图片是否平铺
background-attachment:fixed背景图像是否固定或者随着页面的其余部分滚动。
background-position背景的位置
background:#ffffff url(‘img_tree.png’) no-repeat right top简写形式

颜色 图片路径 是否平铺 背景位置
注：设置背景要么单独设置，要么简写形式设置
文本对齐方式 text-align:center,left,right
当text-align设置为"justify"，每一行被展开为宽度相等，左，右外边距是对齐
text-decoration: none;取消a标签默认下划线
overline设置上划线 ine-through设置删除线 underline设置下划线

text-transform:uppercase转大写 lowercase转小写
字体
font-size字体大小 font-style斜体 font-family字体样式
font-weight粗细

a:link - 正常，未访问过的链接
a:visited - 用户已访问过的链接
a:hover - 当用户鼠标放在链接上时
a:active - 链接被点击的那一刻
list-style:none取消列表默认样式
list-style: circle;列表的空心圆
square列表的正方形
upper-roman列表罗马数字
lower-alpha列表字母
decimal数字

表格
table表格 border边框 cellspacing 合并外边框
cellpadding合并内容到边框的距离

行 标题，列，会加粗 合并单元格 rowspan合并行 colspan合并列 盒子模型 box-sizing: border-box;转成IE盒子模型 box-sizing: content-box;转成标准盒子模型

border-color 修改边框颜色 border-width修改边框宽度
border-style修改边框线条样式 none:没有边框,即忽略所有边框的宽度(默认值)
solid:边框为单实线 dashed:边框为虚线 dotted:边框为点线
double:边框为双实线 border-top修改边框某一边
display: none;隐藏，不占位置

visibility: hidden;隐藏，占位置
opacity: 0;透明度,0为隐藏，1显示 -->
浏览器5大兼容性
khtml-苹果浏览器
webkit-opacity兼容谷歌浏览器
o-opacity兼容Opera浏览器
moz-opacity兼容火狐浏览器
ms-兼容IE，普通样式属性

overflow: hidden;溢出隐藏 visible默认值 scroll添加滚动条
auto只有内容超出会出现滚动条
overflow-x: hidden;隐藏横向滚动条
overflow-y: hidden;隐藏纵向滚动

后代选择器(以空格 分隔),所有后代
子元素选择器(以大于 > 号分隔）所有的子元素
相邻兄弟选择器（以加号 + 分隔）所指第一个兄弟
普通兄弟选择器（以波浪号 ～ 分隔） 所有兄弟–