随笔分类 -  css

css document
IE6/IE7下:inline-block解决方案
摘要:IE6/IE7下对display:inline-block的支持性不好。 1、inline元素的display属性设置为inline-block时,所有的浏览器都支持; 2、block元素的display属性设置为inline-block时,IE6/IE7浏览器是不支持的; 对象呈递为内联对象,但是 阅读全文
posted @ 2016-03-01 10:01 杨杨0708 阅读(167) 评论(0) 推荐(0)
CSS 巧用 :before和:after
摘要:前几天的晚上较全面的去看了下css的一些文档和资料,大部分的样式运用都没什么大问题了,只是有些许较陌生,但是也知道他们的存在和实现的是什么 样式。今天主要想在这篇学习笔记中写的也不多,主要是针对:before和:after写一些内容,还有几个小样式略微带过的介绍下。什么是:before和:after... 阅读全文
posted @ 2016-01-05 15:51 杨杨0708 阅读(320) 评论(0) 推荐(0)
最全面的前端开发指南
摘要:HTML语义HTML5为我们提供了很多旨在精确描述内容的语义元素。确保你可以从它丰富的词汇中获益。 Blog post Published: 21st Feb, 2015 … Blog post Published: ... 阅读全文
posted @ 2016-01-05 15:42 杨杨0708 阅读(218) 评论(0) 推荐(0)
zoom:1-hasLayout
摘要:在现代浏览器,如果子元素float,则父元素不会自动被撑开#nofloatbox { border: 1px solid #FF0000; background: #CCC; width:200px;}#floatbox { float: left; width: 100px; height: 10... 阅读全文
posted @ 2015-10-12 15:13 杨杨0708 阅读(249) 评论(0) 推荐(0)
CSS强制性换行
摘要:一般情况下,元素拥有默认的white-space:normal(自动换行,PS:不换行是white-space:nowrap),当录入的文字超过定义的宽度后会自动换行,但当录入的数据是一堆没有空格的字符或字母或数字(常规数据应该不会有吧,但有些测试人员是会这样子做的),超过容器宽度时就会把容器撑大,... 阅读全文
posted @ 2015-09-10 10:49 杨杨0708 阅读(214) 评论(0) 推荐(0)
CSS中设置margin:0 auto; 水平居中无效的原因分析
摘要:很多初学制作网页的朋友,可能会遇到的一个常见问题,就是在CSS中加了margin:0 auto;却没有效果,不能居中的问题,margin:0 auto;的意思就是:上下边界为0,左右根据宽度自适应,其实就是水平居中的意思,在这里说两个典型的错误引起的不能居中的问题:1、没有设置宽度看看上面的代码,根... 阅读全文
posted @ 2015-07-17 14:49 杨杨0708 阅读(22501) 评论(0) 推荐(0)