-
W3C标准是由国际万维网联盟制定的一系列标准，主要包括三点：1结构化标准语言HTML，XML;2表现标准语言CSS;3行为标准语言DOM,ECMAScript查看全部
-
CSS规定的定位机制有三种，分别是1标准文档流、2浮动及3绝对定位。查看全部
-
相关案例：1、自动居中--列布局案例2、浮动布局案例--float属性，解决浮动影响的方法3、绝对定位布局案例--绝对定位实现横向两列或者多列布局查看全部
-
相关知识点：标准文档流，盒子模型，float属性，position属性查看全部
-
内容提要：流式布局，浮动布局，绝对定位布局查看全部
-
盒子模型3D模型查看全部
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> </html>查看全部
-
<script></script>查看全部
-
布局分为：流式布局、浮动布局、绝对定位布局 相关知识点：标准文档流、盒子模型、float属性、position属性 绝对定位布局 [ 查看全文 ]查看全部
-
浮动会脱离文档流，讲错了吧查看全部
-
盒子3D模型查看全部
-
自动居中一列布局 三个技能点：a.标准文档流；b.块级元素c.margin属性; DW中代码自动缩机快捷键：ctrl+shift+>; 注意以下代码： *{margin:0;padding:0;}一般浏览器会给网页自动添加默认的格式，此代码是为了消除此格式。 #header{width:100%;height:200px;}相对于父类是100%显示。高度一般不设置，默认情况下，框的大小随文字的多少自动变化。 #wrap{width:770px;margin:0px auto}让页面自动居中：为所有的子类设置一个包裹层，让包裹曾自动居中，则其中的内容也会自动居中。(设置一个固定高度，设置margin的上下高度随意设置，左右值必须设置为auto) 注： auto会根据浏览器的宽度自动的设置两边倒外边距。 原理：（浏览器的宽度-外包曾的宽度）/2=外边距。 如果想让页面自动居中，当设置margin属性为auto的时候，不能再设置浮动或绝对定位属性。查看全部
-
float浮动脱离了标准文档流，其实可以理解为，浮在了标准文档流的上层结构，进行移动。 w3school中对浮动的定义比较准确： 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。 理解上面两句话，就理解了浮动。 浮动可能产生的意外现象有： 1、由于脱离文档流，所以父容器是不被撑开的，就成了一条线，导致父容器的背景、边框、边距不生效 2、由于普通文档流已经不包括浮动元素，所以会导致浮动元素后面的非浮动元素会无视浮动元素而直接顶上。可能会产生重叠的效果。 对于上面两种情况的处理方法有： 对于父元素的处理，设置父元素的height属性 对于后续元素的顶上处理，设置后续元素的clear:both,消除它的浮动影响。查看全部
-
浮动定位机制，会使元素脱离文档流，脱离文档流的意思就是，正常的文档流中丢失了它的位置。父元素在高度自适应的情况下，由于浮动丢失了子元素的高度，父元素就无法被撑开，所以导致父元素的背景、边框等属性无法生效，也会使后面的元素顶上来。 我们使用浮动一般是为了让块级元素实现行级元素的特性，但也不希望浮动元素影响后面的元素位置，当浮动失去文档流，使后面的元素顶上来以后，一般有三种方法可以处理： 1、为父元素增加height属性，这样父元素就会显示边框、背景等，但这种情况是确定浮动元素的高度时才这么做，但是实际中，可能不清楚高度哦 2、为浮动元素后面的元素增加 clear:both，清除浮动效果，如果没有后面元素的话，增加一个元素。 3、为父元素设置overflow:hidden属性查看全部
-
设置margin-top的参考物是content此时上面的元素，设置top的参考物是其绝对定位的父元素查看全部
举报
0/150
提交
取消