-
【W3C标准】由万维网联盟制定的一系列标准。（倡导结构、样式、行为这三者分离） 1.结构化标准语言（HTML和XML） 2.表现标准语言（CSS) 3.行为标准语言（DOM和ECMAScript） CSS拥有3中定位机制（标准文档流：Normal flow）(浮动:Floats）(绝对定位:Absolute positioning） 标准文档流Normal flow的特点：从上到下 从左到右，输出文档内容。由【块级元素】和【行级元素】组成。 【块级元素】特点：从左到右撑满页面，独占一行，触碰到页面边缘时，会自动换行。 常见块级标签：div、ul、li、dl、dt、p... 【行级元素】特点：能在同一行内显示，不会改变HTML文档结构 常见行级标签：span、strong、img、input... （块级元素和行级元素都是盒子模型）查看全部
-
CSS规定的定位机制有三种，分别是标准文档流、浮动及绝对定位。查看全部
-
【网页布局】 网页制作的基础，在w3c盛行的今天“DIV+CSS”布局网页 布局分为：流式布局、浮动布局、绝对定位布局 标准文档流、盒子模型、float属性、position属性 1.自动居中-列布局---盒子模型的使用方法 2.浮动布局---float属性来实现上中下布局和横向两列甚至多列布局，解决浮动影响的常用方法 3.绝对定位布局--上中下布局，实现两列甚至多列布局查看全部
-
标准文档流特点查看全部
-
css 中三种定位机制 1 标准文档流 (Normal flow) 2 浮动 (Float) 3 绝对定位 (Absolute position)查看全部
-
html 结构 css 样式 javascript 行为动作逻辑查看全部
-
3D模型查看全部
-
小伙伴们，学习完《横向两列布局》的相关内容，接下来练习一下吧！完成下面的任务，看一下你的成果哦！查看全部
-
盒子模型的3d立体图查看全部
-
盒子模型查看全部
-
W3C倡导结构、样式、行为分离 结构化标准语言：HTML、XML 表现标准语言：CSS 行为标准语言：DOM和ECMAScript 标准文档流：从上到下，从左到右，输出文档内容。由块级元素和行级元素构成 块级元素：标签元素从左到右独占一行，碰到页面边缘自动换行 div\ul\li\dl\dt\p 行级元素：可以在同一行显示，不会影响HTML文档结构 span\strong\img\input查看全部
-
设置了position属性的元素具有偏移属性和z-index属性（三维空间中的层叠） 使用position属性实现横向两列布局，使用较少，用于一列宽度固定、另一列宽度自适应的情况： 1.注意：固定列的高度必须要大于自适应列的高度。 因为自适应列是absolute，它参照的父元素是relative，自适应列脱离了标准文档流，必须要有固定列将父元素撑开至足够的高度，才能将自适应列的内容包含在内查看全部
-
横向两列布局：使用float和margin 1.问题：当父元素内全部是浮动元素时，受浮动影响，父元素的高度无法扩展而看不到。 这里受浮动影响的是父元素，只能用width:100%;overflow:hidden;来消除浮动； 紧邻父元素后面的一个元素，是由于父元素没有高度而变形，不是受浮动影响的。 2.两列布局的左列和右列间距一般在10~20px 3.height属性不设置时，高度会随内容自动增加查看全部
-
清除浮动影响的常用方法： 1.设置紧邻其后的元素属性clear:both; 或者先判断需要清除紧邻其后元素哪一侧的浮动，再设置属性clear:left;或clear:right; 【此法对紧邻其后的元素起作用】 2.对紧邻其后的元素，设置width:100%;overflow:hidden;（宽度是父元素的100%） 【此法对紧邻其后的元素、包含其的父元素（当父元素内全部是浮动元素时，受浮动影响，父元素的高度无法扩展而看不到）起作用】 3.对浮动元素和紧邻其后的元素，同时设置width:100%或固定宽度 （设置width:100%的方法，还是不要设置浮动好了，效果一样）（设置固定宽度要注意参考父元素的宽度）查看全部
-
1.浮动元素仍处于标准文档流中 2.未设置宽度width的浮动元素，宽度由元素内容撑开决定，而不再是原来的默认为父元素的100%；若元素中没有内容则浮动元素消失为一个点 3.浮动元素会使得紧邻其后的一个元素和它在同一行上 （但是当浮动元素设置了宽度、紧邻其后的元素也设置了宽度且不浮动时，两者不会在同一行上。这其实是一种消除浮动影响的方法。）查看全部
举报
0/150
提交
取消