HTML&CSS
huangzhin
我爱前端
展开
-
理解 CSS 布局和 BFC
前言CSS布局中有一些概念,一旦你理解了它们,就能真正提高你的 CSS 布局能力。本文是关于块格式化上下文(BFC)的。你可能从未听说过这个术语,但是如果你曾经用CSS做过布局,你可能知道它是什么,理解什么是BFC,怎么工作以及如何创建 BFC 非常有用,这些可以帮助你理解CSS中的布局是如何工作的。在本文中,通过熟悉的示例来解释什么是 BFC。然后说明display的一个新值,...原创 2019-12-09 16:59:10 · 160 阅读 · 0 评论 -
CSS画三角形及其原理
本文转自https://blog.csdn.net/pengjunlee/article/details/53002553搜索网络之后发现三角形可以通过以下CSS代码实现:#triangle_bottom{height:0px;width:0px;border-left:20px solid transparent;border-right:20px solid transparent...原创 2019-06-03 22:02:15 · 550 阅读 · 0 评论 -
区分伪类和伪元素
本文转自:https://blog.csdn.net/sun_dongliang/article/details/80055911一:伪类1:定义:css伪类用于向某些选择器添加特殊效果。伪类其实与普通的css类相类似,可以为已有的元素添加样式,但是他只有处于dom无法描述的状态下才能为文档树中的元素添加样式,所以将其称为伪类。(这种文档树无法描述的状态是什么呢?当一个元素在用户的不...转载 2019-06-03 22:49:58 · 165 阅读 · 0 评论 -
八种常用清除浮动的方法
1、父级div定义伪类:after和zoom<style type="text/css"> .div1{background:#000080;border:1px solid red;} .div2{background:#800080;border:1px solid red;height:100px;margin-top:10px} .left{f...原创 2019-09-03 16:35:04 · 128 阅读 · 0 评论 -
水平、垂直居中方法总结
一、水平居中1、行内元素首先看它的父元素是不是块级元素,如果是,则直接给父元素设置text-align: center;<style> #father { width: 500px; height: 300px; background-color: skyblue; text-align: center; }</st...原创 2019-09-15 20:49:49 · 1784 阅读 · 1 评论