-
css规定了三种定位机制： 标准文档流（flow） 浮动定位（float） 绝对定位（absolute）查看全部
-
使用绝对定位实现横向两列布局 使用绝对定位实现横向两列布局，应用比较少 使用absolute实现横向两列布局，常用于一列固定宽度，另一列宽度自适应 主要应用技能：relative父元素相对定位 absolute自适应宽度元素绝对定位 注意：固定宽度列的高度>自适应宽度的列查看全部
-
绝对定位 特点：建立了以包含块为基准的定位 完全脱离了标准文档流 随即拥有偏移属性和z-index属性 未设置偏移量特点：无论是否存在已定位祖先元素都保持在元素初始位置 脱离了标准文档流 设置偏移量：偏移参照基准：无已定位祖先元素，以<html>为偏移参照基准。 有以定位祖先元素：以距其最近的已定位祖先元素为偏移参照基准 当一个元素设置绝对定位，没有设置宽度是，元素的宽度根据内容进行调节。查看全部
-
相对定位 特点：相对于自身有位置进行偏移 仍处于标准文档流中 随即拥有偏移属性和z-index属性（空间的层堆叠）查看全部
-
绝对定位布局 通过设置position属性 CSS中规定的第三种定位机制 能够实现横向多列布局及复杂的定位 posiyion属性拥有3种定位形式 1.静态定位 2.相对定位 3.绝对定位 可以设置4个属性：static(静态定位) relative(相对定位) absolute(绝对定位)fixed(固定定位)查看全部
-
横向两列古布局 网页布局的常见的方式之一 主要应用技能： float属性：使纵向排列的块级元素，横向排列， margin属性：设置两列之间的间距查看全部
-
清除浮动的常用方法 clear属性 常用clear:bonth clear:left或者clear:right 同时设置width:100%（或固定宽度)+toveflow：hidden;查看全部
-
浮动布局简介及float属性 浮动布局：CSS中规定的第三种定位机制 能够实现横向多列布局 通过float属性实现 float属性 3个属性值：left左浮动 right右浮动 none不浮动 特点：元素会左移或右移直到触碰到容器为止。 设置了浮动的元素，仍旧处于标准文档流中查看全部
-
自动居中一列布局 auto：会根据浏览器的宽度自动的设置两边的外边距。 原理（浏览器的宽度-外包含层的宽度）/2=外边距 如果相让页面自动剧中，当设置margin属性为auto的时候，不能再设置浮动或绝对定位属性。 #wrap(width:770px;magin:0;auto) 自动居中一列布局需要主设置margin左右值设置为auto，而且一定要设置width为一个值查看全部
-
盒子模型 盒子模型=网页布局的基石。由四部分组成 边框（borser）外边距（margin）内边距（padding）盒子内容（content） 盒子模型尺寸=边距+外边距=内边距=盒子的内容尺寸查看全部
-
标准文档流 特点：从上到下，从左到右，输出文档内容 组成：由块极元素和行级元素 块级元素和行级元素都属于盒子模型查看全部
-
绝对定位 ，以最近的有定位的祖先元素为基准进行偏移， 若没有已定位的祖先元素，则以根元素html来进行偏移。查看全部
-
盒子模型的立体图片，从第一层到第五层依次为：border、content+padding、background-image、background-color、margin。查看全部
-
CSS标准语言 CSS存在3种定位机制 标准文档流(Normal flow)特点:从上到下，从左到右，输出文档内容，由块级元素和行级元素组成 块级元素特点:从左到右撑满页面，独占一行，触碰到页面边缘，会自动转行 常见块级元素即块级标签如:div.ul.li.dl.dt.p... 行级元素特点:能在同一行内显示不会改变HTML文档结构 常见行级元素即行级标签如:span.stronh img input... 块级元素和行级元素都是盒子模型查看全部
-
W3C标准查看全部
举报
0/150
提交
取消