本课:div+css实现首页效果: 开发工具:xampp + phpstorm 笔记目的:仅做记录使用,方便日后查看 代码目录结构: index.php: basic.css index.css header.inc.php footer.inc.php logo1.jpg 重点:1、clear: ...
分类:
Web程序 时间:
2016-09-14 12:31:26
阅读次数:
299
CSS 实现垂直居中的几种方案 说到居中,很多人第一反应应该是水平居中,说到水平居中,肯定道友们有一万种方法做到,CSS3 的FlexBox更是强大到没朋友。但是微笑今天想聊的是 CSS 垂直居中的方法,下面是萌萌的分割线。神马?你敢说不萌? 方式一 :table 布局方法 直接上🐴: <!DOC ...
分类:
其他好文 时间:
2016-08-20 10:04:39
阅读次数:
243
1.正方形.div {width: 100px;height: 100px;background: red;} 2.矩形.div {width: 200px;height: 100px;background: red;} 3.圆形.div {width: 100px;height: 100px;ba ...
分类:
Web程序 时间:
2016-06-22 10:55:41
阅读次数:
6875
段落前面空两个字的距离,不要再使用空格了,用CSS实现段落首缩进两个字符。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。 在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文 ...
分类:
Web程序 时间:
2016-05-04 21:10:16
阅读次数:
343
项目改造中遇到DIV+CSS实现的table,新需求需要在表格使用单元格合并,网上调查返现CSS display:table实现的table表格,没有单元格的属性和样式,经过一番思考,曲折现实了单元格的合并,即采用正行嵌套一个单独的display:table的DIV,然后在嵌套的表格DIV内部通过控
分类:
Web程序 时间:
2016-03-23 06:25:56
阅读次数:
241
div+css实现未知宽高元素垂直水平居中。很多同学在面试的时候都会遇到这样的问题:怎么用div+css的方法实现一个未知宽高的弹出框垂直水平居中??如果用JS的话就好办了,但是JS的使用会对页面性能造成影响,而且能用CSS实现的干嘛用JS呢,嘿嘿 <!DOCTYPE html> <html> <h
分类:
Web程序 时间:
2016-03-03 19:17:21
阅读次数:
148
工作当中我们经常会有这样的需求,尤其是在一些内容页面或者网站后台管理页面:左边的div的高度会随着右边的div的内容的增加儿增加,右边div的高度也会随着左边div的内容的增加而增加,也就是左右两侧两个等高的div。如果不借助JS,而时淡出的使用div+css的方法该怎么实现呢?见代码: <!doc
分类:
Web程序 时间:
2016-02-22 15:27:40
阅读次数:
201
1、页面任何控件可以通过div包装为一个模块,然后通过margin(外补丁)和padding(内补丁)对控件位置的摆放进行控制,以实现想要的效果。2、position:absolute;对控件实现绝对定位,既此控件不受别的控件挤兑,可以通过left,right,top,bottom等属性对控件进行任...
分类:
Web程序 时间:
2016-01-22 14:27:52
阅读次数:
148
原文地址:http://www.divcss5.com/shili/s731.shtml简单的DIV CSS代码布局实现导航条一个蓝色主题的导航条布局案例,本CSS小实例,采用DIV CSS实现。同时不用图片做背景,直接使用背景色实现,鼠标经过悬停对应栏目名称是对应背景蓝色变深。导航条部分效果截图一...
分类:
Web程序 时间:
2015-11-10 22:40:25
阅读次数:
273
div+css实现带三角箭头提示框链接:http://www.xuebuyuan.com/160534.html链接:http://www.admin10000.com/document/4089.html带三角箭头的提示框,就是下面所示:这是一个提示框通常我们都用图片来实现上面那个小三角,因为这样...
分类:
Web程序 时间:
2015-10-30 20:31:13
阅读次数:
264