随笔分类 -  HTML&&CSS

摘要:一.h1~h6标签:有默认margin(top,bottom且相同)值,没有默认padding值。 在chrome中:16,15,14,16,17,19; 在firefox中:16,15,14,16,17,20; 在safari中:16,15,14,16,17,19; 在opera中:16,15,1 阅读全文
posted @ 2017-06-14 12:25 Likebard 阅读(5655) 评论(0) 推荐(2)
摘要:在浏览器里,当鼠标点击或使用Tab键让一个链接或者一个radio获得焦点的时候,该元素将会被一个轮廓虚线框围绕。这个轮廓虚线框就是 outline 。outline 能告诉用户那一个可以激发事件的html元素获取了焦点,对钟爱键盘操作的用户尤其有意义。一个清晰悦目的outline设计能提高使用表单的 阅读全文
posted @ 2017-06-10 21:06 Likebard 阅读(1682) 评论(0) 推荐(0)
摘要:overflow:hidden是大家常用到的CSS样式,但是大多数人对这个样式的理解仅仅局限于隐藏溢出,而对于清除浮动这个含义不是很了解。 当父div没有规定height值,子div浮动后,父div只剩下padding-top+padding-bottom的30px. 如何让子div再次将父div的 阅读全文
posted @ 2016-09-23 12:01 Likebard 阅读(35855) 评论(2) 推荐(4)
摘要:前几天写一个页面 发现宽度为900px的div居然放不下3个宽度为300px的内联元素li,只好改用了float:left来布局。后来上网一查,才知道inline-block是有默认间距的,默认间距为4px,并且inline也是有默认间距。现在就来盘点一些解决inline-block元素和inlin 阅读全文
posted @ 2016-09-23 11:22 Likebard 阅读(1031) 评论(0) 推荐(0)