网页制作第二课

• 写代码时候注意事项
• css里尽可能设置样式，达到规范目的
• 重点地方要写注释
• 标签要闭合
• 在标签里设定类型时候，用class或id都可以，最好用class,表现形式是.class  /  #id
• display属性
• block(块级元素显示)/可以设置宽和高
• inline(行内元素显示) /不能设置宽和高，根据内容的高和宽
• inline-block(行内块级元素显示) 
• float属性
• 漂浮属性设定时，有left和right两个参数
• 两个块级元素设置漂浮后，不设置inline-block属性，也能在同一行显示两个块级元素效果
• 一个块级元素里面有两个块级元素，如果外层块级元素不设置高度，其高度时两个元素的宽度和，如果内部块级元素都漂浮后，其宽度为零
• opacity属性
• 透明度（0-1）/（完全透明——完全不透明）
• clear.both/clear.left/clear.right
• 清除元素的左/右/两边的漂浮效果，实际左边、右边、两边的漂浮功能还有作用，只是对设置的元素本身有作用，对旁边的其他元素没作用
• position属性
• 加上relative后，表示相对于自身的位置进行再定位，可以用left/right/top/bottom四个参数，也就是相对于原始位置进行定位
• 加上absolute后，是绝对定位，也就是根据离它最近的且具有absolute或relative样式的父元素的位置再进行定位
• float和absolute的区别
• 前者不能设定具体位置，后者可以
• 水平居中
• 行内元素用text-align进行居中设置
• 块级元素的居中有两种方法
• 将块级元素设置成行内元素，再在父元素里设置text-align进行居中
• 在块级元素内部，设置margin-left:auto; 和margin-right:auto;实现自动居中