-
横向两列布局 使用absolute实现横向两列布局 ——常用于一列固定宽度，另一列宽度自适应的情况（设定absolute，不设宽度） 主要应用技能： relative——父元素相对定位 absolute——自适应宽度元素绝对定位 注意：固定宽度列的高度>自适应宽度的列 为了不会脱离父元素 要设定一个块 把父元素撑开 *position有4中：static,relative,absolute,fixed.其中static相当于没有定位。absolute和fixed都是属于绝对定位。 *absolute常用于纵向布局中，一列固定宽度，另一列宽度自适应的情况。 *用到absolute进行纵向布局时候，最好要有一列的高度大于absolute的高度，因为absolute脱离了文档流，如果没有比它高度高的列，那么有一部分会露在父元素外面。 *偏移量设置：top、left（margin-left）查看全部
-
当元素设置为绝对定位后，元素也会 多出两类属性：偏移量属性 和 Z-index属性 不同的是： 1.该元素已经脱离了标准文档流（不占位） 2.建立的定位基准不是该元素的原来位置，而是分两种情况 2.1：没有设置偏移量：无论是否存在已定位的祖先元素，都保持在元素初始位置，脱离文档流，宽度塌陷（随内容变化而变化） 2.2：设置了偏移量：又分两种情况（A.无已定位的祖先元素 B.有已定位的祖先元素） A.无已定位的祖先元素:它会以根节点（<html>）为偏移参照基准 B.有已定位的祖先元素:它会以距其最近的已定位祖先元素为偏移参照基准查看全部
-
相对定位： 相对于自身原有位置为基准进行偏移。 仍处于标准文档流中。 设置相对定位属性之后会有偏移属性（top left right bottom 相对于自身进行偏移，会覆盖其他内容进行偏移）和z-Index属性（空间的层堆叠z轴的堆叠，没有的话是默认存在y和x轴的一个平面上）查看全部
-
绝对定位：position属性设置，能够实现横向多列布局及较为复杂的定位，比如带有遮罩层效果的提示框、固定层效果、全屏广告等。 position拥有3种定位形式：1、静态定位；2、相对定位；3、绝对定位。 position可以设置4个属性值：1、static（静态定位） 2、relative（相对定位） 3、absolute（绝对定位，属于绝对定位） 4、fixed（固定定位，属于绝对定位）查看全部
-
一：横向两列布局的实现：这是网页布局最常见的方式之一 主要应用技能： float属性——使纵向排列的块级元素，横向排列 margin属性——设置两列之间的间距 二：当父包含块缩成一条时，用clear：both方法清除浮动无效，它一般用于紧邻后面的元素的清除浮动。所以设置父的overflow:hidden div块的高度一般不需要设置，这样高度就会随着内容自动扩展。若设置了高度，又设置了overflow：hidden，当内容超过高度的时候，就无法正常显示了查看全部
-
清除浮动的常用方法 clear属性-常用clear：both； clear：left，或者clear：right； 清除元素左侧或右侧的浮动 同时设置width：100%(或固定宽度）+overflow：hidden；也是可以清除浮动的。一般给受到浮动的元素设定的。 p{width:100%; overflow:hidden}或p{clear：both}查看全部
-
1.float属性的3个属性值：left-左浮动 right-右浮动 none-不浮动 特点：元素会左移，或右移，直至碰触到容器为止。 2.设置了浮动的元素，仍旧处于标准文档流中，意味着它仍占据标准文档中的空间，会对它周围的元素产生影响。 3.当元素没有设置宽度值，而设置了浮动属性，元素的宽度随内容的变化而变化。 4.当元素设置浮动属性后，会对相邻的元素产生影响，相邻元素特质紧邻后面的元素（DOM结构中的紧邻其后面的元素）。查看全部
-
自动居中一列布局需要设置 margin 左右值设置为 auto，而且一定要设置width为一个定值。查看全部
-
盒子模型从第一层到第五层依次为：border、content+padding、background-image、background-color、margin。查看全部
-
通常在制作网页的时候不设置高度，盒子模型会随着内容自适应高度。 把整个页面内容包括header，mainbody和footer，然后给这三个层级设置一个div包裹层，id为wrap，把各个子层级的宽度设置为100%，再把wrap包裹层的margin值设为{margin：0 auto}（上下值可以为任意值，左右值必须为auto），width必须为定值，就能实现一列布局自动居中了。 auto可以理解为它会根据浏览器的宽度自动的设置两边的外边距。实现原理是：（浏览器的宽度-外包层的宽度）/2=外边距。注意如果把外包层设置为浮动或者绝对定位，这样做就不能实现自动居中了。查看全部
-
盒子模型 1.盒子模型=网页布局的基石 由4部分组成：边框（border）、外边距（margin）、内边距、（padding）、盒子中的内容（content）。 2. 边框（border）、外边距（margin）、内边距、（padding）是盒子模型的属性， 有四个方向，可以设定属性值。 顺时针方向设置，为上、右、下、左 3.三个值的属性为： a为上、 b为左右、c为下。 两个值的属性为： a为上下、b为左右。 一个值的属性为： a为上下左右。 4.优先级，就近原则， 行内样式> 内部样式> 外部样式 5.边框三个属性：边框的粗细、样式、颜色、每一个属性值都要有一个空格来个开，空格必须在英文输入法状态下输入才可以，三个属性缺一不可。 6.盒子模型的三维模式的包裹层与ps的模型一样，分为五层： border为第一层、 content+padding为第二层、 background-image为第三层、 background-color为第四层、 marg为第五层。 7.盒子模型尺寸=边框+外边距+内边距+盒子中的内容尺寸查看全部
-
【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... （块级元素和行级元素都是盒子模型）查看全部
-
margin:0 auto;auoto会根据浏览器自动居中 width：100% 子在父下。宽度设置100%是自动宽度查看全部
-
用来做参照物的元素"高度"要大于其他元素（固定宽度列的高度>自适应宽度的列），否则会出现内容没办法全部显示或者溢出的情况。查看全部
-
已知一个设置了绝对定位的元素 b，位于其父元素 a 中，a 元素为静态定位，则 b 元素将以html为基准进行偏移。 因为 a 元素为静态定位，所以要以根元素为基准进行偏移，也就是 html 元素。查看全部
举报
0/150
提交
取消