css
文章平均质量分 52
做梦翻了个身
始终保持热情的去干一件事是困难的,但是当你真正做到的时候,你就是强者!
展开
-
对于line-height的认识
在写我对line-height的认识之前,我想每一个人都应该搞清楚下面这个情况。 当给一个空里面添加文字时,这个的高度是怎么来的? 也许有很多朋友认为是由font-size决定的,但事实上这个元素的高度是由line-height决定的。下面我们可以通过例子来证明一下这个结论。...原创 2018-06-04 20:41:28 · 5850 阅读 · 1 评论 -
display属性
display常见属性:block: 特点:1.不设置宽度时,其宽度为父元素的宽度; 2.可以设置宽高; 3.独占一行; 4.内部可以嵌套其他元素; inline: 特点:1.不可以设置宽高; 2.宽高由其内原创 2018-01-25 02:14:44 · 311 阅读 · 0 评论 -
响应式布局
基本的概念:一个网站可以兼容多个终端,针对不同终端设置不同的样式。 优点:面对不同分辨率设备灵活性强;能够快捷解决多设备显示适用问题。缺点:兼容各种设备,效率低下;代码累赘。写法:外链style标签一般情况下我们会将设备的大小分为:<600px,<960px,>960px。 下面我们通过简单的例子认识一下响应式布局,在这里我们使用外链...原创 2018-06-12 19:17:36 · 2153 阅读 · 0 评论 -
解决getBoundingClientRect的兼容
function getBoundingClientRect(ele) { // 该方法是计算当前元素距离当前视口的距离,所以需要得到页面的滚动距离 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; var sc...原创 2018-09-07 16:59:30 · 5935 阅读 · 1 评论