可以用一个空的div块儿,设置class为clear <div class="clear"><div> 然后在使用了float浮动的块儿的末尾加上这个空div块 再设置它的属性 <style> .clear{ clear:both; } <style> 这样就可以清楚以上div中设置的效果了。。。 ...
分类:
其他好文 时间:
2017-05-28 19:41:01
阅读次数:
139
1、margin属性值所指方向 margin属性的四个值,总是按照上,右,下,左的顺序 如果有三个值,那左右相同 如果有两个值,那上下相同,左右相同 如果有一个值,那四面相同 2、相对长度em em单位名称为相对长度单位。相对于当前对象内文本的字体尺寸,国外使用比较多。 em单位有如下特点: 1). ...
分类:
其他好文 时间:
2017-05-10 00:14:31
阅读次数:
211
从以前的table布局到现在的div布局,再到未来的flex布局,CSS重构方面对展示行和适应性的要求越来越高; 首先来比较一下布局方式的更新意义: table布局: 优点:1、兼容性好,ie6、ie7或者什么稀奇古怪的浏览器,table布局可以用最小的代价兼容这些稀奇古怪的浏览器; 2、自适应性, ...
分类:
其他好文 时间:
2017-04-25 10:09:16
阅读次数:
209
最近利用空闲时间写了部分表单验证,包括用户名,身份证,密码,验证码,仅为自己巩固最近所学的知识 表单的样式使用的是table布局,因为觉得DIV布局定位比较麻烦,table有三列,分别为基本信息,输入的信息,提示信;输入信息栏,插入表单 进行少量CSS样式修改,达到布局效果,整体效果如下: 主要使用 ...
分类:
其他好文 时间:
2017-04-13 21:23:17
阅读次数:
256
虽然Div布局已经基本上取代了表格布局,但表格布局和Div布局仍然各有千秋,互有长处。比如表格布局中的垂直居中就是Div布局的一大弱项,不过好在千变万化的CSS可以灵活运用,可以制作出准垂直居中效果,勉强过关。 要让div中的内容垂直居中,无非有以下几种方法,等我一一列举: 一、行高(line-he ...
分类:
其他好文 时间:
2017-04-07 15:50:07
阅读次数:
194
这是一个简单用css+div布局实现的火焰效果,在网上看到觉得挺有趣,也比较美观,所以模仿一下。 这里没有用任何的js代码,仅用css动画等相关技术就可以实现。 ...
分类:
Web程序 时间:
2017-03-31 15:26:31
阅读次数:
232
一、列表 HTML中常见的列表有三种,分别是: 1、无序列表,是一组描述列表语义的组标签,列表中每个项之间没有先后顺序;如图: 1)组标签:组标签就是由多个标签组成的一个整体,它们之间共同存在;例如 :ul标签,ol标签,dl标签; 2)ul : 是英文 unordered list “无序列表”的 ...
分类:
Web程序 时间:
2017-03-29 12:46:26
阅读次数:
258
第一次布局一个静态网页,发现许多细节都需要自己探索,出现诸如以下问题: 1、布局问题:经常出现一个div被挤出来?做到一半少一个div布局? 布局之前,要点打好框架,明确每个地方的高宽是多少,争取精确到每一像素(是否含有边框像素);但是,在纸上花的草图再好再精确,也需要实际操练。 2、定位问题:明明 ...
分类:
Web程序 时间:
2017-03-19 23:53:35
阅读次数:
280
3.2 继续上一篇的HTML基础,在几年前制作网页是使用表格标签布局,现在很少使用了,基本是使用div布局 表格:显示表格数据 常用属性: border: 给表格添加边框 width:给表格设置宽度 height: 给表格设置高 cellspacing:规定单元格之间的空白。 cellpadding ...
分类:
Web程序 时间:
2017-03-03 22:30:08
阅读次数:
230
每当做一个静态页面时,不要着急与上来就敲,而是要先观察页面的整体布局。首先,要从页面的整体布局出发。例如: 以微信公众平台来说,从层次上来观察是上下结构,容易进入分块思维,上下div布局。可是,纵观却有新的发现,中间部分和两端明显有着整齐划一的纵向界限。故而,从纵向来布局div,之后再横向展开会更容 ...
分类:
其他好文 时间:
2016-12-25 17:59:24
阅读次数:
156