![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 55
xxxxxxxx.yy
这个作者很懒,什么都没留下…
展开
-
用CSS实现三角形、等腰梯形等根本原理以及编码实现
实现原理关键实现因素在于border的top right left bottom属性,看下面这样一段css样式:.triangle { height: 0px; width: 0px; border-top: 50px solid gold; border-right: 50px solid gray; border-bottom: 50px solid...原创 2019-04-17 23:13:43 · 1826 阅读 · 0 评论 -
frond-end summary
分类链接css用CSS实现三角形、等腰梯形等根本原理以及编码实现javascripthtml面试中那些html的坑es6react优化前端性能优化网络UDP协议 (其余在微信)面经前端面试中那些常问的问题数据结构与算法js数据结构与算法——主要是栈 队列 图 和排序算法。你不知道的js你不知道的js上卷——函...原创 2019-04-18 12:12:11 · 120 阅读 · 0 评论 -
CSS-居中
水平居中1. 定宽的块级元素当被设置元素为定宽块级元素时,可以用外边距实现。<div class="parent" > <div class="child" >demo</div></div>.child{ width:200px; margin:0 auto;}2.行内元素当被设置元素为行内元素时,可以使用此方法,不...原创 2019-06-05 22:23:30 · 119 阅读 · 0 评论 -
CSS两栏三栏布局
所有的布局都用一个容器包含。两栏布局1. 浮动float+margin-left<div class="container"> <div class="left ">我是左边</div> <div class="right ">我是右边</div></div>.container{...原创 2019-06-08 20:05:41 · 156 阅读 · 0 评论 -
BFC
什么是BFC?BFC(block formatting context)直译为“块级格式化上下文”,是web页面中盒模型布局的CSS渲染模式,它是一个独立的渲染区域,规定了内部的Block-level Box如何布局,与区域外部毫不相干。在这之前,我们先说一下文档流,我们常说的文档流其实分为定位流、浮动流和普通流三种。普通流就是指BFC中的FC,格式化上下文,它是页面中的一块渲染区域,有一套...原创 2019-06-09 17:03:10 · 81 阅读 · 0 评论 -
实现一个环形进度条
前两天偶然看到这个题目,抽空做了一下话不多说,看看具体怎么实现的叭如果是对其前端比较熟悉的人,看到这个图应该大致知道有哪几个点啦,比如用到了同心圆、旋转。1.画两种不同背景色的圆(我这里是旋转的浅色,把深色作为底色,在浅色旋转的过程中,深色一步步露出来)2.浅色部分是两个圆切割出的两个半圆,一个左半圆,一个右半圆3.右半圆旋转180°后,置它的背景色为底色,位置归位4.然后左半圆旋转...原创 2019-07-21 18:08:31 · 1222 阅读 · 0 评论