要实现类似QQ空间那样时光轴 时间轴效果如图====================分析：左边 ul的border-left实现，这样会出现底部的 余出的线条，不美观，所以考虑li的border-left实现。 li的padding-bottom撑开上下间距h4标题的:before实现圆圈，定位到左...
分类：
其他好文 时间：
2016-01-25 21:11:51
阅读次数：
202
#classify ul li div{width:100px; height:200px;display:none; position:absolute;left:100px; top:0px;}#classify ul li:hover div {display:block;}主要用到的CSS代...
分类：
Web程序 时间：
2016-01-25 08:48:54
阅读次数：
900
HTML标记与文档结构 块状元素、行内元素、样式元素、结构化标签、盒模型、文档对象模型? 块状元素 div,p,h1-h6,address,ol,ul,pre,table,fieldset,legend,header,footer,nav,section,article,aside 行内元素 a ,...
分类：
Web程序 时间：
2016-01-21 19:58:53
阅读次数：
231
最近我在重写select下拉组件时，使用ul->li来模拟select中的一个个option，并给li添加索引，取名为value。非IE浏览器下value值工作正常，但是IE下value值工作不正常，经考察发现如下规律：1）value值不能为负数或者空字符串，不然报错。2）value值不能比int的...
分类：
其他好文 时间：
2016-01-21 19:16:50
阅读次数：
117
接上一次，这次主要介绍表格分页功能，由于项目需要这个案例是关于前端分页的方式，现在很少会这么用了，但如有需要可以参考其中的思路html：1.通过UL来展示页标，其中每个页标的li是通过异步加载从获取到不同的表格数据来动态生成的。 上一页 ...
分类：
Web程序 时间：
2016-01-21 00:19:58
阅读次数：
273
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0}body,button,input,sel...
分类：
Web程序 时间：
2016-01-19 10:26:30
阅读次数：
146
首先说说块级元素和行内元素区别，简单的来说，块级元素独占一行，可以设置宽高以及边距，行内元素不会独占一行，设置宽高行距等不会起效。常见的块级元素有：h1~h6、p、div、ul、table，常见的行内元素有：span、a、input、select等。我们以span为列子：position：fixed...
分类：
其他好文 时间：
2016-01-18 20:50:31
阅读次数：
1026
定义ul li的 list-style 的时候，list-style跟文字内容有距离，需要通过margin-left来显示正常，并且IE6、IE7的间距比谷歌浏览器大，所以给li定如下样式ul li{list-style:decimal inside;}
分类：
其他好文 时间：
2016-01-18 15:02:20
阅读次数：
116
HTML CSS + DIV实现局部布局 HTML CSS + DIV实现局部布局1、本章教大家掌握2种布局方式: 1）顶部导航菜单布局，效果图： 2）购物版块布局，效果图： 2、技术目标:使用div + ul-li实现导航菜单布局 使用div + dl-dt-dd实现购物版块布局3、一般的局部布....
分类：
Web程序 时间：
2016-01-18 12:10:55
阅读次数：
377
框架： 热点 财经 科技 娱乐 游戏 CSS要点：noticeTitle为relative，noticeTitle下的ul为absolute，noticeTitle下的ul需要left:-1px，用来使首个选项卡的左border与noticeTitle的左...
分类：
其他好文 时间：
2016-01-14 20:45:49
阅读次数：
204
