#科技进步#时间永远是自己的

    纯 CSS 实现绘制各种三角形(各种角度)

    三角形实现原理:宽度width为0;height为0;(1)有一条横竖边(上下左右)的设置为border-方向:长度 solid red,这个画的就是底部的直线。其他边使用border-方向:长度 solid transparent。(2)有两个横竖边(上下左右)的设置,若斜边是在三角形的右边,这时候设置top或bottom的直线,和右边的斜线。若斜边是在三角形的左边,这时候设置top或botto
    2019-03-29
    浏览(195)

    六种实现元素水平居中方法

    六种实现元素水平居中。给出六种:1、固定宽度+margin;2、inline-block和父元素text-align:center;3、父父浮动+父left+子right;4、绝对定位+left;5、css3的flex,justify-content:center;6、css3的width:fit-content,加上margin。
    2019-03-28
    浏览(195)

    如何用css实现宽高等比例自适应矩形

    如何用css实现宽高等比例自适应矩形,关键点就是height: 0;和padding-bottom: 50%;我们将元素的高度由padding撑开,由于padding是根据父级元素宽度计算的,所以高度也就变成了相对元素宽度,同时要将height设置为0,这是为了元素的高度完全交给padding负责。最后padding-bottom的值设置为width的值的一半,可以实现高度是宽度一半的自适应
    2019-01-10
    浏览(212)

    浅析前端中的常说的BFC

    浅析前端中的常说的BFC,BFC(Block Formatting Context)直译为“块级格式化范围”。是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用 当涉及到可视化布局的时候,Block Formatting Context提供了一个环境,HTML元素在这个环境中按照一定规则进行布局。
    2019-01-10
    浏览(218)

    整站快速变黑白灰的方法

    经常看到一些网站遇到重大灾害事故的时候,选择默哀,会把网站的整体颜色变成黑白灰,这种技术其实并不复杂,仅仅是通过滤镜就可实现,下面我把我常用的方法分享给大家。
    2016-05-20
    浏览(348)
交流咨询
    官方QQ群
    群号663940201,欢迎加入!
    sau交流学习社区交流群

图文推荐

saucxs聊天机器人
saucxs
hi ,欢迎来到sau交流学习社区,欢迎与我聊天,问我问题哦!