一、内联元素空隙问题 当我们使用"display:inline-block"把块集元素转换为内联元素时,会发现每两个内联元素之间有一定的空隙,既不是margin也不是padding,最终发现是由于换行符、制表符(tab)、空格等字符引起的。 元素被当成行内元素排版的时候,元素之间的空白符(空格、回车 ...
分类:
其他好文 时间:
2018-03-08 02:45:08
阅读次数:
216
以下转自《CSS中的浮动和清除浮动,梳理一下!》 浮动到底是什么? 浮动核心就一句话:浮动元素会脱离文档流并向左/向右浮动,直到碰到父元素或者另一个浮动元素。请默念3次! 浮动最初设计的目的并没那么多事儿,就只是用来实现文字环绕效果而已,如下所示: 文字环绕效果 但是早期的前端开发者发现:浮动的元素 ...
分类:
Web程序 时间:
2018-03-07 13:33:18
阅读次数:
228
内存管理 new/delete C语言中提供了 malloc 和 free 两个系统函数, include库函数,完成对堆内存的申请和释放。而 c++则提供了两关键字 new 和 delete ,new delete关键字。 生成单变量空间和数组空间 cpp //c int p = (int )ma ...
分类:
编程语言 时间:
2018-03-05 00:47:30
阅读次数:
207
Web设计师可以使用HTML4和CSS2.1完成一些很酷的东西。我们可以在不使用陈旧的基于table布局的基础上完成文档逻辑结构并创建内容丰富的网站。我们可以在不使用内联<font>和<br>标签的基础上对网站添加漂亮而细腻的风格样式。事实上,我们目前的设计能力已经让我们远离了那个可怕的浏览器战争时 ...
分类:
Web程序 时间:
2018-03-02 20:58:02
阅读次数:
363
1.为第一个浮动元素的父级元素设置高度。我们知道浮动对造成原来布局变化的原因就是,子元素的脱标。导致父元素的高度坍塌。所以那,我们为父元素设置了高度就可以避免脱标带来的影响。上代码: 效果如下: 拓展:在进行练习的时候,犯了一个错误。我用p标签取包裹了div标签。导致生成的网页,有两个p标签的宽度。 ...
分类:
其他好文 时间:
2018-03-01 13:22:17
阅读次数:
217
第二十九章 CSS3弹性伸缩布局【下】 一、新版本 (可以让心浏览器全面兼容,在未来浏览器更新换代中实现统一) 首先,设置伸缩盒的display有如下两个属性 (1)flex 将容器盒模型作为块级弹性伸缩盒显示(新版本) (2)inline-flex 将容器盒模型作为内联级弹性伸缩盒显示(新版本) ...
分类:
Web程序 时间:
2018-02-28 19:49:14
阅读次数:
186
第二十九章 CSS3弹性伸缩布局【中】 一、混合过滤板(主要针对IE10浏览器伸缩布局效果) 首先,设置伸缩盒的display有如下两个属性值 (1)flexbox 将容器盒模型作为块级弹性伸缩盒显示(混合版本) (2)inline-flexbox 将容器盒模型作为内联级弹性伸缩盒显示(混合版本) ...
分类:
Web程序 时间:
2018-02-28 19:43:35
阅读次数:
245
可以说,网页跟事件是分不开的。事件是一件太平常的事情,让很多人很多时候会忽略它的存在。然而我们还是很有必要了解一下事件。 事件就是用户或浏览器自身执行的某种动作。比如常见的click,load和mouseover,都是事件。相应某个事件的函数叫做事件处理程序,也叫事件监听器。事件监听器以on开头,如 ...
分类:
其他好文 时间:
2018-02-27 01:12:29
阅读次数:
183
block,inline和inline-block概念和区别 总体概念 block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块,会单独换一行;i ...
分类:
其他好文 时间:
2018-02-26 20:39:31
阅读次数:
182
在IE6及以下版本的浏览器中定义小高度: 解决方法:#text { overflow:hidden; height:1px; font-size:0; line-height:0;} 具体详解:IE6及以下浏览器无法定义小高度的原因是,默认有行高。 在IE6及以下版本浏览器中定义最小高度: 解决方法 ...
分类:
Web程序 时间:
2018-02-26 17:45:29
阅读次数:
205