- 博客(4)
- 收藏
- 关注
RSS订阅原创 PC端跨浏览器兼容性问题
兼容性问题分为两方面，一是浏览器对该特性不支持，二是某些特定条件下触发浏览器BUG。浏览器特性支持 几个可以查看浏览器支持css特性的网址caniuse.comcodrops CSS Reference需要兼容哪些浏览器根据用户群体决定面向普通用户：IE8+、Chrome、Firefox企业级产品：IE9+、Chrome、Firefox了解浏览器所占的市场份...
2019-08-10 13:32:39
630
原创 CSS布局
布局中会涉及到两个CSS知识：浮动、定位。这里详细说说关于浮动方面的知识。 首先要知道，浮动设计的初衷是为了实现文字环绕图片的效果。所以元素浮动后表现出的一些特性与这个实现目的是有密切关系的。1.浮动的一些特性1.1 破坏性 看看下面的Demo：<div style="border:1px solid;"> <img src="./t...
2019-01-12 23:25:02
148
原创 CSS盒模型和浮动
盒模型中的margin和padding如果值为百分比，则结果为相对于元素内容宽度的百分比。如下图中的margin-top和padding-top都设置为5%。 默认情况下，盒子的背景(由background-image和background-color也就是背景图片和背景颜色)会扩展到border边界上来。可使用background-clip来约束它们的范围。取值有：bord...
2019-01-10 18:27:12
148
原创 巧妙利用负外边距实现栏等高
先来看代码：<div class="wrapper"> <div class="box1"> <h1>Box1</h1> </div> <div class="box2"> <h1>Box2</h1&am
2018-11-09 13:50:22
173
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人