摘要：方法一:靠浮动 ######使用浮动，先渲染左右两个元素，分别让他们左右浮动，然后再渲染中间元素，设置它的margin左右边距分别为左右两个元素的宽度。 html部分(注意：此方法中间元素必须放在最后位置!) <div class="container"> <div class="left"></d 阅读全文

摘要：##让元素水平垂直居中的四种方法 ###前言 ####一、使用 transform 与 position 结合 ####二、使用 position 定位和 偏移 属性 ####三、使用 position 定位和 外边距 属性 ####四、使用 flex 弹性布局 ###方法一 ####主要利用tra 阅读全文

摘要：##实现0.5px边框方法 ###方案一:利用渐变(原理:高度1px,背景渐变,一半有颜色,一半透明) ####CSS部分 .container { width: 500px; margin: 0px auto; } .border-gradient { position: relative; pa 阅读全文

摘要：##伪类和伪元素的区别 ###伪类 1、本质上是为了弥补常规CSS选择器的不足； 2、可以同时使用多个伪类； 3、存在DOM文档中（元标签找不到，只有符合触发条件时才看到），逻辑上存在，但在文档树中却无须标识的“幽灵”分类。 4、如a元素的四个伪类： :link 定义正常链接的样式； :visite 阅读全文