-
盒子模型查看全部
-
border 边框 content+padding内容内边距 background-image图片背景 background-color背景颜色 margin外边距查看全部
-
自动居中-列布局 标准文档流 块级元素 margin属性 <div id="header"></div>设置网页头部 <div id="mainbody"> <div id="conten book"> footer #header{width:100%;height:200px;border:1px solid red:} 设置属性 #footer #wrap{width:770px;margin:0 auto}让页面自动居中，会根据浏览器的宽度自动设置两边的外边距 若同时设置float，绝对定位，fixed 则失败查看全部
-
CSS中的定位机制： 标准文档流（Normal flow） 浮动（Floats） 绝对定位（Absolute positioning）查看全部
-
盒子模型=网页布局的基石。 边框border外边距margin 内边距padding，都可以设置属性，top right left bottom 上右下左 顺时针方向设置 dw：内部样式 外部样式 行内样式 就近原则 离标签最近的 img标签是行级元素,一行显示 <img src=""width=""height=""/> margin 设置图片之间的间距 img{margin：10px;border:1px solld#bladad;}简写，代表边框粗细，边框颜色。 实现盒子模型3维立体图 ： <div class=content.book> .content{border:4px solld #badbdb;padding:34px } .book{background:url()no-repeat #添加背景颜色} 代码初始化*{ margin:0;padding:0} 盒子模型尺寸=边框+外边距+内边距+盒子中的内容尺寸查看全部
-
W3C标准 节后花标准语言 表现标准语言CSS 行为标准语言 CSS：标准文档流 浮动 绝对定位 标准文档流：从上到下 从左到右 输出文档内容 由块级元素和行级元素级 div典型的块级元素 撑满页面 从左到右 eg:div ul li dl dt p 行级元素：能在同一行显示 不会独占一行 eg：strong span img input 块级元素和行级元素都是盒子模型查看全部
-
相对定位查看全部
-
记得加单位查看全部
-
固定宽度列的高度>自适应宽度的列查看全部
-
当content向上移上去的时候，除了可以margin-left：200px还可以直接在positon里面设置left：200px查看全部
-
...查看全部
-
...查看全部
-
利用绝对定位实现横向两列布局查看全部
-
绝对定位 positive:absolute 绝对定位：区分偏移量的有无 元素有无偏移量的区别： 未设置偏移量特点： 1、无论是否存在已定位祖先元素，都保持在元素初始位置 2、脱离标准文档流 设置偏移量时特点： 1.无已定位祖先元素：以〈html〉标签为偏移参照基准 2.有已经定位的祖先元素（position三种定位中任意一个都是都算它定位了最好是relative因为没有脱离标准文档流而且它的基准是相对自身所以比较稳定，而且如果是absolute没有设置宽度，那么它的宽度会根据内容调节）：以距它最近的元素为基准（如果有多个包裹层时） （注释：当一个元素设置绝对定位，没有设置宽度是，元素的宽度根据内容进行调节，内容越多越宽） 宽度以百分数进行显示的时候是继承父元素宽度的百分之几查看全部
-
相对定位特点 position:relative;查看全部
举报
0/150
提交
取消