今天我从早上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
1. 网页布局概述 网页布局的概念是把即将出现在网页中的所有元素进行定位,而CSS网页排版技术有别于传统的网页排版方法,它将页面首先在整体上使用<div>标记进行分块,然后对每个快进行CSS定位以及设置显示效果,最后在每个块中添加相应的内容。利用CSS排版方法更容易地控制页面每个元素的效果,更新也更 ...
分类:
Web程序 时间:
2017-08-05 23:39:48
阅读次数:
361
css3的nth-child选择器的具体探讨 前言 在十年前開始的div+css布局兴起之时,我就開始了CSS的学习和实践.在当年,对于CSS选择器,基本上是没有什么选择性的,仅仅有ID选择器,CLASS选择器,以及元素选择器,当然,还包含#id p 这样的子选择器. 在那个蛮荒时代,各大浏览器对C ...
分类:
Web程序 时间:
2017-08-02 15:36:35
阅读次数:
171
(1)表格布局 表格布局容易掌握,布局方便。但表格布局需要通过表格的间距或者使用透明的gif图片来填充布局板块间的间距,这样布局的网页中表格会生成大量难以阅读和维护的代码;而且表格布局的网页要等整个表格下载完毕后才能显示所有内容,所有表格布局浏览速度较慢[2]。 (2)CSS+DIV布局 通常要实现 ...
分类:
Web程序 时间:
2017-08-02 00:38:21
阅读次数:
191
DIV+CSS布局中主要CSS属性介绍: Float: Float属性是DIV+CSS布局中最基本也是最常用的属性,用于实现多列功能,我们知道<div>标签默认一行只能显示一个,而使用Float属性可以实现一行显示多个div的功能,最直接解释方法就是能实现表格布局的多列功能。 Margin: Mar ...
分类:
Web程序 时间:
2017-07-20 00:56:27
阅读次数:
211
在学习div+css布局过程中,碰到边框不听话的问题。就是我的样式表里是没有指定margin,boder等属性,预期效果应该是 左列,中列,右列三个div紧密结合,占据一整行。预期结果如下 然而实际效果如下 如图所示,在"中列"的四周出现了一下白边。代码如下 <style type="text/cs ...
分类:
Web程序 时间:
2017-06-18 14:18:09
阅读次数:
255
由于刚刚接触前端,一直觉得table布局在代码上看起来比div+css更整洁,div+css布局的页面,一堆的<div><div><div>...</div></div></div>看起来都让人犯密集恐惧症,那么为什么现在的主流网站还都乐此不疲呢?为什么div+css反而成了一种主流布局方式呢?一直 ...
分类:
Web程序 时间:
2017-06-08 23:50:11
阅读次数:
549
第一阶段: HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、 JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。 JS基本特效:常见特效、例如:tab、导航、整页滚动、轮 ...
分类:
Web程序 时间:
2017-06-08 00:23:48
阅读次数:
193
1.弹性盒子 从最初的使用table布局,当然了,现在某些表格展示的数据最好还是利用table布局, 到使用div+css布局,嗯,很大的一次进步,对于比较复杂的,div就显得力不从心了, 因此现在又有了flex布局! 今年挺火的的grid布局也接踵而至,不过呢貌似除了谷歌,大多数浏览器还没支持 。 ...
分类:
Web程序 时间:
2017-06-04 14:41:07
阅读次数:
159