首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
CSS
订阅
样式的技巧 目前包含CSS、Less、Sass
steryn9817
更多收藏集
微信扫码分享
微信
新浪微博
QQ
10篇文章 · 0订阅
你不知道的 CSS 进度条
进度条是一个非常常见的功能,实现起来也不难,一般我们都会用 div 来实现。 作为一个这么常见的需求, whatwg 肯定是不会没有原生组件提供(虽然有我们也不一定会用),那么就让我们来康康有哪些有意思的进度条实现方式。 这种方法的核心就是以当前盒子为容器,以 ::before…
自适应布局方案
rem(font size of the root element)是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-size: 75px }时,其他元素1rem = 75px,4rem = 300px vw是基于viewpo…
如何写一个适配iPhoneX的底部导航
引言iPhoneX发布至今已经有将近一年的时间了,各类app都多多少少做了对iPhoneX的适配,那对于我们H5页面该做哪方面的适配呢?首先了解安全区域(safearea)的概念,它保证了内容在设备上
愈发熟练的 CSS 技巧
rem+simple-flexible适配方案简单解析rem相对于根元素<html>的font-size的大小来计算坐作为一个单位;simple-flexible是根据手淘团队lib-flexible
css篇--100道近两万字帮你巩固css知识点
继上一篇html篇之后,看到小伙伴留言说期待后面整理的CSS和JS篇,工具人小编整理出了本篇有关CSS部分的知识点。本篇文章作为对CSS知识点的统筹,囊括了目前大部分在面试当中常见的内容,包括一些易踩雷的知识点。文章篇幅较长,建议收藏慢慢细品。 文中篇概念性的内容也蛮多,小编一…
16种方法实现水平居中垂直居中
熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题.原文:16种方法实现水平居中垂直居中 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 2) 若是块级元素, 该元素设置 ma…
用纯 CSS 实现镂空效果
近来研究了一下镂空效果。 背景被裁剪为文字的前景色。第一次是在 CSS-Tricks 看到的这个用法: 在 CSS-Tricks 网站上,这个玩意用得到处都是。 这样,做简单的图片背景镂空效果便不再困难了。关键代码只有几行。 就这几行,视觉上会就会有大变化。前后对比: back…
如何机智地回答浏览器兼容性问题
有过面试经验的同学应该都被问过浏览器兼容性的问题,对于面试官的问题,常常猝不及防,因为通常他们都是这么问的。"来谈谈浏览器兼容的问题吧","你对浏览器的兼容性有了解过吗",那么如何才是我们正确回答这个问题的姿势呢。 在CSS3还没有成为真正的标准时,浏览器厂商就开始支持这些属性…
如何利用vw+rem进行移动端布局
因为在公司,只有一个前端,在做移动端布局的时候。利用px进行布局,发现,需要进行各种手机的适配。 所以在开发第二版的时候,想着引用lib-flexible库(即手淘的方案),询问了上一家公司的同事,会有一些字体和一些诡异的问题。 在无意中,突然一个网友跟我说,他有一个很好用的适…
巧妙的CSS
一个界面设计优秀的网站总是更能吸引用户的目光。界面设计优秀与否还是主要看UI设计师的能力,但是要想还原设计师给出UI,那么你的CSS编写能力就至关重要。 CSS和JS一样,也在不断的发展中,随着各个浏览器对CSS3的逐渐支持,CSS能发挥的作用越来越来大。熟练的使用CSS技术能…