css
文章平均质量分 60
喵大嗷
A Coder
展开
-
浅谈BFC—CSS的低调大佬
说起bfc,第一印象就是这哥们不是清浮动用的么?浮动使用不当可能会造成页面的塌陷,如果触发了BFC就不会造成页面的塌陷,具体原理?不太清楚。。。。。某日在一论坛网站看到了一些关于BFC的介绍,“当你在修改样式的时候,就会在不知不觉的时候触发了神奇的BFC,用了却不知晓。”突然觉得这哥们真的太低调了,以前从来没有认真的去探讨过他。先来说说什么是BFC(Block Formatting Context)原创 2017-12-12 13:11:57 · 631 阅读 · 1 评论 -
纯css实现等边空心三角形
前段时间写了一些静态页面,用到了空心三角形,手到擒来的是实心三角形,对于空心的三角形,确实用了我这个老年人的脑子想了一想如何布局。给到的设计图如下图所示: 就是左上方的那个小三角,不止这个方位有,别的方位也都有,还有别的页面也有不同朝向的三角形; 话不多说,代码记录下来:首先蓝色border的一整块是一个divdiv class="main">div>//大致绘制一原创 2018-01-29 16:25:33 · 2634 阅读 · 0 评论 -
纯css实现仿ios的switch开关
效果图如下: 很简单的HTML结构<!-- 仿ios的switch开关 --> <label for=""><input type="checkbox" name="" id="" class="a-switch"></label>CSS部分:主要用到了: 点击l原创 2018-05-10 10:39:43 · 2115 阅读 · 0 评论 -
纯css美化radio选择框的样式
效果图如下: 简洁的HTML: <label> <input type="radio" name="1" id="" class="a-radio"> <span class="b-radio"></span>好 </label原创 2018-05-10 10:44:24 · 29495 阅读 · 5 评论