-
父层设置宽度，子层设置为100%； 由此 父层设置自动居中后，子层会随着父层变化。查看全部
-
在自己的编译器里成功了。 将图片与代码放在同一文件夹下，用./t_book.gif ./t_profile.gif ./banner.gif找到图片,放在相应位置。 .当前目录 ..上级目录查看全部
-
从第一层到第五层依次为：border、content+padding、background-image、background-color、margin。查看全部
-
清除浮动的两种常用方法 1.clear属性-常用clear：both； clear：left，或者clear：right； 清除元素左侧或右侧的浮动 2.同时设置width：100%(或固定宽度）+overflow：hidden；也是可以清除浮动的。一般给受到浮动的元素设定的。 p{width:100%; overflow:hidden}或p{width：both}查看全部
-
任务3中关于left的值的算法如下： left层中width为110px，mid层与left层间距13px，mid层width为650px，mid层边框为1px， right层与mid层间距为17px。 所以，rigth 层的left值为110+13+1+650+1+17=792px。查看全部
-
1.float属性的3个属性值： left-左浮动 right-右浮动 none-不浮动 特点：元素会左移，或右移，直至碰触到容器为止。 2.设置了浮动的元素，bu处于标准文档流中，意味着它仍占据标准文档中的空间，会对它周围的元素产生影响。 3.当元素没有设置宽度值，而设置了浮动属性，元素的宽度随内容的变化而变化。 4.当元素设置浮动属性后，会对相邻的元素产生影响，相邻元素特质紧邻后面的元素（DOM结构中的紧邻其后面的元素）。查看全部
-
#mainbody { width:100%; position:relative; margin-top:20px; } #sidebar { width:180px; padding-bottom:10px; } #sidebar dl { padding:0 0 5px; } #sidebar dt { font-weight:bold; line-height:22px; font-family:"微软雅黑"; font-size:14px; color:#fff; background:#3399cc; padding:5px 0 5px 15px; font-weight:normal; margin-bottom:10px; } #sidebar dd { line-height:20px; padding-left:15px; } #sidebar dd.current a { color:#f00; } #content { position:absolute; top:0; margin-left:200px; } #content h1 { color:#000; font-size:24px; font-family:"微软雅黑"; font-weight:normal; }查看全部
-
上中下三个层，再做一个外层包住这三个层，通过margin：0 auto 设置外层，就可以把上中下三个层进行居中，用了auto就不能再用float和定位。查看全部
-
盒子模型 1.盒子模型=网页布局的基石 由4部分组成：边框（border）、外边距（margin）、内边距、（padding）、盒子中的内容（content）。 2. 边框（border）、外边距（margin）、内边距、（padding）是盒子模型的属性， 有四个方向，可以设定属性值。 顺时针方向设置，为上、右、下、左 3.三个值的属性为： a为上、 b为左右、c为下。 两个值的属性为： a为上下、b为左右。 一个值的属性为： a为上下左右。 4.优先级，就近原则， 行内样式> 内部样式> 外部样式 5.边框三个属性：边框的粗细、样式、颜色、每一个属性值都要有一个空格来个开，空格必须在英文输入法状态下输入才可以，三个属性缺一不可。 6.盒子模型的三维模式的包裹层与ps的模型一样，分为五层： border为第一层、 content+padding为第二层、 content+padding为第二层、 background-image为第三层、 background-color为第四层、 marg为第五层。 7.盒子模型尺寸=边框+外边距+内边距+盒子中的内容尺寸查看全部
-
三大布局机制； 标准文档流 flow， 浮动布局 float， 绝对定位布局 position， 绝对定位（position）有三种形式： 静态定位 static 相对定位 relative 绝对定位 absolute（绝对定位）fixed（固定定位）查看全部
-
W3C标准：由万维网联盟制定的一系列标准，包括： 结构化标准语言（HTML和XML） 表现标准语言（CSS） 行为标准语言（DOM和ECMAScript） 倡导结构、样式、行为分离 CSS中，存在3种的定位机制： 标准文档流(Normal flow) 浮动（Floats） 绝对定位（Absolute positioning） 标准文档流的特点：从上到下，从左到右输出文档内容 由块级元素和行级元素组成 块级元素特点：从左到右撑满页面，独占一行 触碰到页面的边缘时会自动换行 行级元素特点：能在同一行内显示 不会改变HTML文档结构 常见行级标签：span、strong、img、input查看全部
-
css中position属性有四种：static（正常文档流）、relative（相对定位）、absoulute(绝对定位)、fixed（固定定位）。 定位机制大体上分三种：流、浮动、层。 CSS 规定的定位机制有三种，分别是标准文档流、浮动及绝对定位。查看全部
-
三个案例： 1）自动居中一列布局案例-----盒子模型的使用方法； 2）浮动布局案例 -----float属性，解决浮动影响的方法； 3）绝对定位布局案例 -----绝对定位实现横向两列或多列布局。查看全部
-
网页布局基础： 盒子模型的立体图片（2-2小节 07：58），从第一层到第五层依次为：border、content+padding、background-image、background-color、margin。查看全部
-
父级元素必必须是绝对定位absolute、相对定位relative或者固定定位fixed的，才能给绝对定位的子元素进行参照，如果父元素是静态static的，则上溯到祖父元素。。。直到找到一个非静态的祖先元素，然后就会相对于这个元素来定位，如果所有祖先元素是静态元素，则以html来进行定位。 绝对定位就是可以自己控制参照物的，那个参照物就是你设置了非静态定位的最近的父元素，如果没设置参照物，就按照html来作为参照。查看全部
举报
0/150
提交
取消