html+css
mr_fzz
这个作者很懒,什么都没留下…
展开
-
css子元素合并父元素的margin值
现象:当两个空的块级元素嵌套时,如果内部的块设置有margin-top属性,而且父元素没有下边解决方法所述的特征,那么内部块的margin-top属性会绑架父元素(即将margin-top传递凌驾给了父元素)。转载 2016-11-04 10:45:20 · 754 阅读 · 0 评论 -
清除浮动知识总结
清除浮动知识总结原创 2016-10-31 23:19:05 · 333 阅读 · 0 评论 -
如何处理单行文本和多行文本溢出
1.单行文本溢出处理代码如下:<style> .text2 { width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }</style><div class="text2">Lorem ipsum dolor sit原创 2017-01-02 00:04:11 · 1262 阅读 · 0 评论 -
各种居中问题总结
水平居中1.宽度确定的块状元素水平居中:margin:0 auto;2.不定宽块状元素水平居中:设置父元素为: position:relative; float:left; left:50%; 设置子元素(想要居中的元素)为: position:relative; left:原创 2016-11-01 13:00:10 · 578 阅读 · 0 评论 -
关于button与submit的区别
最近我在表单中使用了button标签,我的本意并不是想要提交表单,但是很奇怪,我明明只是用了button,并没有创建submit啊,查阅资料之后,原来是这样的,这是w3school里的原话: 如果在 HTML 表单中使用 button 元素,不同的浏览器会提交不同的值。Internet Explorer 将提交 与 之间的文本,而其他浏览器将提交 value 属性的内容。请在 HTML 表单原创 2016-11-20 21:17:55 · 587 阅读 · 0 评论 -
详解如何给背景图片加颜色遮罩
两种方法给背景图片加颜色遮罩原创 2016-11-18 17:14:02 · 30042 阅读 · 0 评论 -
关于浮动知识的总结
关于浮动知识的总结原创 2016-10-31 22:31:13 · 450 阅读 · 0 评论 -
纯css实现Tab切换的两种方法
纯css实现tab切换原创 2016-11-11 13:02:21 · 13167 阅读 · 3 评论 -
利用translate()进行水平垂直居中
translate()函数是css3的新特性.在不知道自身宽高的情况下,可以利用它来进行水平垂直居中. 代码如下://html:<div class='wrap'> 我不知道宽高,但是我就是要水平垂直居中</div>//css.wrap{ padding:10px; background:green; color:#fff; position:abso原创 2016-11-08 13:49:47 · 28501 阅读 · 0 评论 -
css负边距
CSS布局奇淫巧计之-强大的负边距 css中的负边距(negative margin)是布局中的一个常用技巧,只要运用得合理常常会有意想不到的效果。很多特殊的css布局方法都依赖于负边距,所以掌握它的用法对于前端的同学来说,那是必须的。本文非常基础,老鸟可以略过。 负边距在普通文档流中的作用和效果那些没有脱离文档流的元素(指不是浮动元素也不是绝对定位、固定定位转载 2016-11-04 10:49:56 · 507 阅读 · 0 评论 -
三栏布局与两栏布局
一.两栏布局,左边定宽二.三栏布局,中间自适应原创 2016-11-04 10:34:32 · 671 阅读 · 0 评论