margin 外边距(上下左右)找到最近的以对象(父子关系,兄弟关系)
margin-top margin-left margin-right margin-bottom
用层级关系编写 .a .b{ }
儿子div居中对齐 (父亲高度-儿子高度)/2 margin-left:auto; margin-right:auto;简写 margin:0px auto;对一个值代表上下,第二个代表左右; 自动 注:只有水平方向才可以 同时写
封装 公用的部分
float-left 对齐方式 水平方向排列的作用
.menu img:last-child{margin-right:0px;} 或最后一张图片加个class .menu .on{margin-right:0px} 去掉最后一个
容器的宽度跟高度加边框的值
padding 内边距(相对自己填充)
paddding-left padding-right padding-top padding-bottom
padding:10px 20px 上下/左右
padding:10px 20px 50px 上/左右/下
padding:10px 20px 50px 顺时针
herder:头部标签
nav:导航标签
list-style:none 去掉无序排列的点
margin-top margin-left margin-right margin-bottom
用层级关系编写 .a .b{ }
儿子div居中对齐 (父亲高度-儿子高度)/2 margin-left:auto; margin-right:auto;简写 margin:0px auto;对一个值代表上下,第二个代表左右; 自动 注:只有水平方向才可以 同时写
封装 公用的部分
float-left 对齐方式 水平方向排列的作用
.menu img:last-child{margin-right:0px;} 或最后一张图片加个class .menu .on{margin-right:0px} 去掉最后一个
容器的宽度跟高度加边框的值
padding 内边距(相对自己填充)
paddding-left padding-right padding-top padding-bottom
padding:10px 20px 上下/左右
padding:10px 20px 50px 上/左右/下
padding:10px 20px 50px 顺时针
herder:头部标签
nav:导航标签
list-style:none 去掉无序排列的点