css
关注
分享
扫一扫
颖_恋
一生很长，够追逐梦想；一生很短，来不及怅惘
展开
-
BFC（块级格式化上下文）
block format context(块级格式化上下文)，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用，当涉及到可视化布局的时候，BFC提供了一个环境 html元素在这个环境中按照一定的规则进行布局。实际上，BFC提供了一个独立的空间，让空间里的子元素不会影响到外面的布局（如下图）具体实现是为元素设置一些CSS属性，来触发这一空间：触发规则： ...原创 2019-04-07 17:00:18 · 311 阅读 · 0 评论 -
有一个未知宽高的元素，要求在页面上水平垂直居中
（1）准备一个已知宽高的父元素，子元素嵌套其中，父元素设置为table，绝对定位，子元素设置为table-cell，然后设置子元素 的vertical-align为middle就可以使其垂直居中，text-align为center使其水平居中<!DOCTYPE html><html><head> <title>&...原创 2019-04-30 15:36:43 · 532 阅读 · 0 评论 -
CSS3属性——transition-timing-function
transition-timing-function:定义以相同的速度从开始到结束的过渡效果，W3C是这样解释的前五个属性值很容易理解，最后那个cubic-bezier(n,n,n,n)可以说是最难的了，我们借助下面这张图去理解。我们先将 cubic-bezier的形式变为cubic-bezier(x1, y1, x2, y2)图上有四点，P0-3，其坐标的取值范围为 0...原创 2019-05-14 14:11:17 · 1384 阅读 · 1 评论 -
浮动与清除浮动
浮动是什么？元素的浮动是指设置浮动的元素脱离了标准文档流的控制，移动到其父元素中的指定位置的过程，碰到父元素的边框会停留。脱离文档流的元素不占据标准流的位置，因此会影响标准流。在CSS中，通过float属性来定义浮动，其基本语法格式为 选择器 {float:属性值;}属性值 描述 left 元素向左浮动 right 元素向右浮动 none 元素不浮动...原创 2019-05-12 20:10:50 · 213 阅读 · 0 评论 -
文字溢出显示省略号
如果我们有时文字必须要在一行显示，文字的容器宽度已经确定（比如文章标题链接）字数太多的情况下难免会溢出，但是如何让使用者知道它是溢出了，不是缺失了呢，这时候省略号就有大作用了，那么如何设置呢？请看代码<head> <meta charset="utf-8" /> <title>溢出显示省略号</title> <style ty...原创 2019-05-27 08:57:35 · 7310 阅读 · 0 评论 -
文档流的三个级别
标准流的级别最低，浮动元素的级别高于标准流，所以脱标的元素会浮在标准流的上方，定位元素的级别最高，默认会在所有元素的上方，想要调整级别。可以使用z-index（但是要注意的一点是，只有定位的盒子才有z-index）...原创 2019-06-01 11:55:11 · 244 阅读 · 0 评论 -
什么是css hack,有什么作用
转 CSS Hack是什么意思？css hack有什么用？ 2018年08月14日 10:02:58 大眼萌 阅读数：5996 ...转载 2019-06-03 17:13:47 · 527 阅读 · 0 评论