如何实现多个div水平均匀排列且量两端贴壁:建议:尽可能的手写代码,可以有效的提高学习效率和深度。在网页布局中,经常有这样的需求,那就是几个div水平均匀在排列在一个盒子中,并且两端div外侧紧贴盒子内壁,如下图所示:下面先看一段代码实例:蚂蚁部落 以上代码虽然均匀...
分类:
其他好文 时间:
2015-12-14 10:40:33
阅读次数:
694
现在转做前段,发现有些概念的东西跟别人交流起来有点不顺畅。通常我们会使用别人写好的库,里面自然就定义了很多概念。但通常这些库不能帮我们做所有的事情。这种情况下,真心想整理一下这些网页布局的概念。想到我们对word那些已经很熟悉了,网页布局上也有一些公共概念。这样能不能在css+html的基础上也弄出...
分类:
其他好文 时间:
2015-12-10 11:12:58
阅读次数:
131
第一章CSS需要的HTML1、可以忘却的HTML标签和属性 1)不要用来控制文本的显示 2)不要用和来使文字变成粗体和斜体 3)不要用标签进行网页布局 4)不要使用仅能装饰内容外观的笨拙的标签属性,例如background、bgcolor、text、link、alink和vlink只能为网页和文本及...
分类:
Web程序 时间:
2015-12-06 01:46:14
阅读次数:
230
网页布局:又称版式布局,是网页UI设计师将有限的视觉元素进行有机的排列组合,将理性的思维个性的化的表现出来,是一种具有个人艺术特色的视觉传达方式。传达信息的同时有美感。网页设计特点(相对纸媒来说)。特点:1、网页可以自适应宽度2、网页的长度理论上可以无限延长3:页面为:头部,主体部分,底部。分栏又称...
分类:
Web程序 时间:
2015-12-05 22:38:51
阅读次数:
187
1 2 3 4 5 网页布局练习 6 7 8 9 10 利用div和css对页面的布局进行调整11 12 窗口113 14 窗口215 窗口316 17 css代码: 1 bod { 2 margin:1...
分类:
Web程序 时间:
2015-11-23 18:56:39
阅读次数:
183
在阅读这篇bootstrap2.0与3.0的区别的文章之前,大家一定要先了解什么是响应式网站设计?推荐大家看看这篇"教你快速了解响应式网站设计"。我觉得bootstrap的可视化网页布局是个不错的工具,Bootstrap可视化布局说了,这个工具只适用于bootstrap2.x版本,在新版本的boot...
分类:
其他好文 时间:
2015-11-17 12:45:57
阅读次数:
466
在使用div+css进行网页布局时,如果外部div有背景颜色或者边框,而不设置其高度,在IE浏览器下显示正常。但是使用Firefox/opera浏览时却出现最外层Div的背景颜色和边框不起作用的问题。网上查找资料之后主要原因如下:由于在Firefox和opera中:如果里面的DIV是浮动的(fl.....
分类:
其他好文 时间:
2015-11-16 06:06:11
阅读次数:
229
在群里和大家交流时,看到太多的网页设计师发布企业站的个人作品,设计中总是摆脱不了大框套小框的设计布局思路,不加思索的跳入单一的网页布局形式中,于是就有了把企业站常用的页面布局方式总结一下的想法,让大家包括我自己全面的了解一下企业站的常见布局方式,做到对此种类型的网站布局心中有数,跳出狭隘、单一的设计...
分类:
Web程序 时间:
2015-11-08 23:52:30
阅读次数:
237
最近网页布局中遇到得比较多,所以打算总结总结。word-wrap:1.normal(使用浏览器默认的换行规则) 2.break-word(内容将在边界内换行,但是英文换行会按词断句)word-break:1.break-all(无论中英文都可以直接在单词内断句)2.keep-all(只能在半角空格或...
分类:
其他好文 时间:
2015-11-04 14:23:57
阅读次数:
295
这周学的依然是css,总觉得思路不是特别清晰。做东西时,主要遇到以下几个问题:1.网页排版不够整体化,散乱。2.代码不够简洁,冗余、累赘。3.网页分析不够全面、整体。4.思路不够清晰、纯熟。没有掌握到的知识点:1.导航条的精纯制作;2.浮动的概念;3.清除浮动;4.优先级算法;5.BFC和IFC;6...
分类:
Web程序 时间:
2015-11-01 22:25:59
阅读次数:
309