浮动的工作原理浮动是让某元素脱离文档流,在浮动框之前和之后的非定位元素会当它不存在一样,可能沿着它的另一侧垂直流动,但都为其腾出空间,块级元素也不例外(被浮动元素占据了部分行空间的块级元素,仍然被看作是占据了一整行,只不过是被浮动元素占据的那部分空间无法利..
分类:
Web程序 时间:
2017-08-22 21:50:32
阅读次数:
153
单列布局水平居中 水平居中的页面布局中最为常见的一种布局形式,多出现于标题,以及内容区域的组织形式,下面介绍四种实现水平居中的方法(注:下面各个实例中实现的是child元素的对齐操作,child元素的父容器是parent元素) 使用inline-block 和 text-align实现 优点:兼容性 ...
分类:
Web程序 时间:
2017-08-21 13:32:24
阅读次数:
300
一些基本概念 viewport: 展现网页的媒体,比如窗口或者某个区域,它的大小是有限制的,为了不被平台术语所束缚,我们给他起名viewport,中文意思就是视口。 canvas: 而我们在渲染网页的时候通常并不知道我们需要多大的空间,而且这些空间通常尺寸会超过viewport的大小,于是实际上我们 ...
分类:
Web程序 时间:
2017-08-20 19:53:05
阅读次数:
243
一些基本概念 viewport: 展现网页的媒体,比如窗口或者某个区域,它的大小是有限制的,为了不被平台术语所束缚,我们给他起名viewport,中文意思就是视口。 canvas: 而我们在渲染网页的时候通常并不知道我们需要多大的空间,而且这些空间通常尺寸会超过viewport的大小,于是实际上我们 ...
分类:
Web程序 时间:
2017-08-20 19:45:46
阅读次数:
237
今天我从早上9:00写代码一直写到下午18:00,写的我差点抑郁了,还好最后终于写出了一个完整页面,没有做动画效果,就是练习了一下DIV+CSS布局,做的是福务达(www.zzfwd.cn)的主页,真是不容易。然后放松了一下,收拾了一下东西,看了一会电视剧,心情才好点了。在这个例子中我总结了几点经验 ...
分类:
Web程序 时间:
2017-08-20 00:50:59
阅读次数:
213
1. 网页布局概述 网页布局的概念是把即将出现在网页中的所有元素进行定位,而CSS网页排版技术有别于传统的网页排版方法,它将页面首先在整体上使用<div>标记进行分块,然后对每个快进行CSS定位以及设置显示效果,最后在每个块中添加相应的内容。利用CSS排版方法更容易地控制页面每个元素的效果,更新也更 ...
分类:
Web程序 时间:
2017-08-19 18:51:05
阅读次数:
208
在web页面布局中居中是我们常遇到的情况,而居中分为水平居中与垂直居中 文本的居中 CSS中对文本的居中做的非常友好,我们是需要text-align, line-height 两个属性就可以控制文本的水平以及垂直居中 注意:line-height属性控制文本的垂直方向居中时 只使用单行文本的情况,多 ...
分类:
Web程序 时间:
2017-08-18 15:26:11
阅读次数:
156
css布局 定视口;插图 .box{width: 180px;height: 180px;border: 1px solid;background-image: url("img/30d5bc953b7afba77514.jpg");} 边框圆角 border-radius: 50%; x y 模糊 ...
分类:
其他好文 时间:
2017-08-14 01:26:11
阅读次数:
117
首先我们应该了解一下为什么会有兼容问题? 由于市场上浏览器种类众多,而不同浏览器其内核亦不尽相同,所以各个浏览器对网页的解析就有一定出入,这也是导致浏览器兼容问题出现的主要原因,我们的网页需要在主流浏览器上正常运行,就需要做好浏览器兼容。 使用Trident内核的浏览器:IE、Maxthon、TT; ...
分类:
其他好文 时间:
2017-08-08 19:46:44
阅读次数:
203
1. 前端 CSS布局: http://zh.learnlayout.com/ 取色:http://www.unpack.site 2.C# VS2013必备插件:http://www.cnblogs.com/liyunhua/p/4537054.html ...
分类:
Web程序 时间:
2017-08-08 10:50:37
阅读次数:
209