CSS
文章平均质量分 58
一起的远方
我们必不可停止探索,而一切探索的尽头,就是重回起点,并对起点有首次般的了解。
展开
-
真正的能理解CSS中的line-height,height与line-height
在最近的项目中,常常用到line-height,只是简单的理解为行高但并没有深层次的理解,致使不能达到信手拈来的感觉。在此做一下总结,一是更深层次的了解什么是line-height,二是比较height与line-height的区别。基本概念行高与行距从字面的意思是非常容易理解的,但是对布局和样式来说,我们应该更深入的理解各个属性之间的关系,比如line-height与font-size存在什...原创 2018-09-20 15:48:21 · 117476 阅读 · 43 评论 -
多个div占满整个屏幕(或页面)(待补充及理解)
<div id="app" class="outer"> <h3 class="head">Head组件</h3> <div class="container"> <h3 class="left">Left组原创 2018-12-20 10:01:08 · 4023 阅读 · 0 评论 -
CSS中margin:auto;是如何工作的
margin:auto;在块级元素的水平居中上经常被使用的。但是你有没有想过它是如何工作的以及为什么不能使?要回答这个问题,我们首先需要看一下margin:auto;的工作原理。auto会因为所在元素、元素类型和上下文的有不同不一样的表现。但是在margin(外边距)中,auto只有两种选择:占据可用的空间(take up the available space)或者等同于0px。这就决定了元素...翻译 2019-02-21 22:05:01 · 6958 阅读 · 0 评论 -
两种图片引用的方式background-image和img的区别
1. 是否占位background-image是背景图片,是css的一个样式,不占位;<img />是一个块状元素,它是一个图片,是html的一个标签,占位;2. 是否可操作(1)background-image是只能看的,只能设置如下属性:background-position: 为每一个背景图片设置初始位置。 这个位置是相对于由 background-origin定义...原创 2019-03-14 16:19:53 · 12516 阅读 · 0 评论