-
自动居中，列布局 三个技能点：标准文档流，块级元素，margin属性 margin:0 auto;自动居中 auto会根据浏览器的宽度自动的设置两边的外边距 （浏览器的宽度-外包含层的宽度）/2=外边距 用了自动居中就不能再用float和定位。否则就会没有效果查看全部
-
元素没有设置宽度，而设置浮动，元素宽度随内容变化查看全部
-
margin:0 auto;自动居中查看全部
-
盒子3D模型 从上到下，依次叠加 border//边框 content+padding//内容+内边距 background-image//背景图片 background-color//背景颜色 margin//外边距查看全部
-
固定宽度列的高度 > 自适应宽度的列查看全部
-
使用absolute(绝对定位)实现横向两列布局 常用于一列固定宽度，另一列宽度自适应的情况 主要应用技能: relative-父元素相对定位 absolute-自适应宽度绝对定位查看全部
-
W3C标准：由万维网联盟制定的一系列标准，包括： 结构化标准语言（HTML和XML） 表现标准语言（CSS） 行为标准语言（DOM和ECMAScript） 倡导结构、样式、行为分离 CSS中，存在3种的定位机制： 标准文档流(Normal flow) 浮动（Floats） 绝对定位（Absolute positioning） 标准文档流的特点：从上到下，从左到右输出文档内容 由块级元素和行级元素组成 块级元素特点：从左到右撑满页面，独占一行 触碰到页面的边缘时会自动换行 行级元素特点：能在同一行内显示 不会改变HTML文档结构 常见行级标签：span、strong、img、input查看全部
-
relative 相对定位：首先按float方式一样浮动起来，通过left/right/top/bottom属性确定元素在“正常文档流”中偏移位置，覆盖下面的元素，不会影响底层元素的位置。查看全部
-
position属性的3中定位形式： 1、静态定位 2、相对定位 3、绝对定位 偏移参照基准 无已定位祖先元素，以<html>为偏移参照基准 有已定位祖先元素，以距其最近的已定位祖先元素为偏移参照基准查看全部
-
盒子3D模型查看全部
-
当绝对定位有一个最近的参照基准时，则会已它为基准放在相应的位置，如果绝对定位没有参照基准时，则会以浏览器为基准从左上角开始。（参照基准是，标签里设置了position属性）查看全部
-
纠正上一次笔记，那时候的box1 的宽度随着内容变化而变化查看全部
-
.box1{height:50px;float:left;} .box2{height:50px;} ... <div class="box1"></div> <div class="box2"></div> box1因为设置float的同时，且没有设置宽度，所以会不停左移动，形成一个原点查看全部
-
float:left right none;查看全部
-
实现网页自动居中一列布局的关键代码 上下 margin 不用设置为 auto，只设置右左就可以。width:100%; 也不可以，一定设置为一个不为 100% 的值。查看全部
举报
0/150
提交
取消