CSS中 Zoom属性 其实Zoom属性是IE浏览器的专有属性,Firefox等浏览器不支撑。它可以设置或检索对象的缩放比例。除此之外,它还有其他一些小感化,比如触发ie的hasLayout属性,清除浮动、清除margin的重叠等。 Zoom的应用办法: zoom : normal | number ...
分类:
Web程序 时间:
2017-04-16 12:26:53
阅读次数:
522
一.页面板块设计 页面整体分为上下两部分,分别用box1,box2,来划分。上半部分主要是:团购网站,切换图标,内容展示。其中网站用<h2>标记,切图用<ul>,<li>构建结构。下部分包括文字说明,和价格以及超链接跳转。大体由<p>和<a>标记构成。 二.页面实现 1.主体基本结构: 2.css样 ...
分类:
Web程序 时间:
2017-04-15 20:51:11
阅读次数:
260
1. 浮动 1. 特点: 1.不占原来的位置(脱标) 2.可以让块级元素在一行上显示 3.浮动可以把行内元素转化为行内块元素 2 清除浮动 清除浮动指的是清除浮动的影响 注意: 当子元素设置了浮动,父元素没有高度的时候,造成页面布局混乱。这种情况下进行清除浮动。 3 清除浮动的几种方式 1.使用cl ...
分类:
Web程序 时间:
2017-04-15 18:13:42
阅读次数:
182
常用浮动清除 1 在浮动下面添加一个空div <div class="clear:both;"></div> 2 父元素设置高度 3 父元素设置overflow:hidden; (推荐) 4 自动添加一个空DIV(推荐) .st2_2:after {display: block;clear: bot ...
分类:
Web程序 时间:
2017-04-09 17:06:15
阅读次数:
156
12, (1),为什么会出现这种情况:因为对于浮动而言,相当于子元素浮动在父元素上方,浮动元素在文档流中删除了,好像父元素中不存在了子元素,此时父元素默认宽度为零,会出现折叠情况 ,下面是对浮动造成的宽度为零的解决办法 (1):父元素自定义高度,这对于不定宽的块高度不适用 (2):子元素最后再加上一 ...
分类:
其他好文 时间:
2017-02-25 20:02:10
阅读次数:
121
清除浮动,又叫“闭合浮动”,目的是解决父盒子高度为0的问题。 方法一:额外标签法 方法二:Overflow: hidden 触发bfc模式 就不用清除浮动 方法三:伪元素 方法四: 双伪元素 ...
分类:
其他好文 时间:
2017-01-31 19:17:21
阅读次数:
207
1.三个已经混淆的概念 (1)不浮动float:none; (2)清除周围的浮动元素 (3)清除子元素浮动对父元素的影响 2.什么是清除浮动 清除浮动不是把当前标签的浮动给清楚了,如果这样,还加浮动做什么。 其实清除浮动指的是清除当前元素旁边的浮动元素,但是当前元素又不能影响别人,打不赢就跑,所以自 ...
分类:
其他好文 时间:
2017-01-22 10:53:11
阅读次数:
174
1.1 清除浮动 清除浮动: 根据情况需要来清楚浮动 。 清除浮动的目的: 就是为了解决 父 盒子高度为0 的问题。 清除浮动: 1. 额外标签法 2. Overflow: hidden 触发 bfc 模式 就不用清楚浮动 3. 伪元素 .clearfix:after { content:””; V ...
分类:
其他好文 时间:
2016-11-21 19:36:02
阅读次数:
139
浮动 Float: left | right 特点: ◆浮动的元素不占位置(脱标) ◆可以将行内元素转化为行内块元素 ◆块级元素在一行上显示 ◆置了浮动的元素,影响其后面的元素 作用: ◆解决文字图片环绕问题 ◆制作网页导航栏 ◆网页布局 清除浮动: 清除浮动的影响。 定位 position:sta ...
分类:
Web程序 时间:
2016-10-26 19:33:32
阅读次数:
232
::before 和 ::after属于伪元素,而 :before 和 :after属于伪类(CSS3 中为了区别伪元素和伪类为伪元素使用了双冒号)因此如果使用了 display 或者 width 等属性时使得显示脱离了原本元素后,建议按照标准双写。过于老的浏览器可能会存在支持问题,不过伪元素大多是 ...
分类:
其他好文 时间:
2016-10-20 14:56:23
阅读次数:
174