css
Ti小芬
这个作者很懒,什么都没留下…
展开
-
【css】深入了解line-height和height
基本概念 行高与行距从字面的意思是非常容易理解的,但是对布局和样式来说,我们应该更深入的理解各个属性之间的关系,比如line-height与font-size存在什么关系呢,line-height与所属元素的height又有什么联系呢?。好了,带着疑问,我们一同探究。 行高是指文本行基线间的垂直距离。 基线(base line)并不是汉字文字的下端沿,而是英文字母“x”的下端沿。下图中两条红线之间的距离就是行高,上行的底线和下一行顶线之间的距离就是行距...转载 2020-11-05 22:14:24 · 242 阅读 · 0 评论 -
css实现titile内容居中
Flexbox(伸缩盒)是CSS3中新增的特性,利用这个属性可以解决页面中的居中问题。只需要3行代码就可以实现,不需要设置元素的尺寸,能够自适应页面。 这个方法只能在现代浏览器上有效,IE10+、chrome、Safari、Firefox。例如: HTML: 首先,创建一个div容器,容器内是需要居中的内容 <div class="container"> <!-...转载 2020-10-02 18:31:49 · 275 阅读 · 0 评论 -
弹性布局display:flex
display:flex 意思是弹性布局 首先flex的出现是为了解决哪些问题呢? 一、页面行排列布局 像此图左右两个div一排显示 可以用浮动的布局方式 html部分 css部分 这种布局有两个缺点 1.需要一个空div来清除浮动,当然也可以选用其他清除浮动的方法,但此处需要清除浮动才能不影响下面的布局。 2.当.left,.right 的宽度是...转载 2020-10-02 18:19:35 · 199 阅读 · 0 评论 -
css笔记(待续~)
伪元素伪元素,表示页面中一些特殊的并不真实的存在的元素伪元素使用 “::” 开头::first-letter 表示第一个字母::first-line 表示第一行::selection 表示选中的内容(比如复制之后用鼠标选中的内容)::before 元素的前面::after 元素的后面(注:before和after必须结合content属性来使用)<!DOCTYPE html><html lang="en"><head> <m原创 2020-07-01 22:44:37 · 186 阅读 · 0 评论