• 不断学习才有回报,学无止境!

2014年08月的内容

DIV+CSS技巧发现

伪元素:after清除浮动(导致父元素的高度为0(未设置高度)的解决方法)

让页面呈现多列布局时经常会使用 float:left/right ,可是浮动布局会导致父元素的高度为0(未设置高度的情况下),不会根据子元素的高度而变化,另外,后面不需要浮动想在下一行显示的标签出现在浮动元素的后面。 #content{background:#000;} .left{width:100px;height:100px;background:#e……继续阅读 »

5年前 (2014-08-31) 374浏览 0评论

DIV+CSS技巧发现

margin:0 auto 与 text-align:center 的区别

基本概念: 1.text-align: 属性规定元素中的文本的水平对齐方式; 该属性通过指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐方式; 一般情况下设置文本对齐方式的时使用此属性。支持值 justify。 Example: div { text-align: left; } //文本居左对齐 注释:所有浏览器都支持 text-align 属性;任……继续阅读 »

5年前 (2014-08-28) 361浏览 0评论

PHP技术和开发

114啦源码(114la)不能生成三级以上分类页面0字节的情况

做了个网址导航站,用的是114la的源码,以前没注意到,但生成页面的时候出问题了,看了114la今年新出v2.0版本,但依旧没解决问题,研究了网络上的很多导航源码,及以前的v1.5版本没想到里面有很多问题,官方也没出补丁,没办法,自己还是自己对比着代码解决问题 经过一段时间的调试分析,发现有个函数写的很乱,估计是改版的时候落下了没改,经过一段时间修改调试,终……继续阅读 »

5年前 (2014-08-24) 401浏览 0评论

DIV+CSS技巧发现

CSS自动换行的各种情况

自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法 对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:n……继续阅读 »

5年前 (2014-08-23) 352浏览 0评论

DIV+CSS技巧发现

css3的常用效果及应用方法

1, 替代图片:很多修饰的效果传统方式是使用图片,不仅影响加载速度而且不易维护,采用CSS3后不仅可以实现绚丽的视觉效果,而且可以随时修改代码改变效果,甚至是通过程序动态改变代码效果; 2, 定义不规则形状,打破栅格束缚:之前的网页元素全都是矩形的空间站位,无法定义一个不规则的形状,即使用图片做出一个不规则图形,其在网页上的占位仍是一个矩形,只是周边是空白的……继续阅读 »

5年前 (2014-08-20) 514浏览 0评论

DIV+CSS技巧发现

XHTML+CSS兼容性的一些写法用法

使用XHTML+CSS构架好处不少,但也确实存在一些问题,不论是因为使用不熟练还是思路不清晰,我就先把一些我遇到的问题写在下面,省的大家四处找。 1.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法: div{margin:30px!important;margin:28px;} 注意这两个margin的顺序一定不能写反,……继续阅读 »

5年前 (2014-08-18) 345浏览 0评论

DIV+CSS技巧发现

未知高度垂直居中的样式解决方法

尽管有CSS的vertical-align特性,但是并不能有效解决未知高度的垂直居中问题(在一个DIV标签里有未知高度的文本或图片的情况下)。 标准浏览器如Mozilla, Opera, Safari等.,可将父级元素显示方式设定为TABLE(display: table;) ,内部子元素定为table-cell (display: table-cell),……继续阅读 »

5年前 (2014-08-15) 360浏览 0评论