HTML/CSS
文章平均质量分 85
SCU_Cindy
这个作者很懒,什么都没留下…
展开
-
样式清零代码
这是一份我比较常用的css reset模板。使用CSS清零代码是为了便于统一,使得浏览器的默认样式尽量一致。不过这个东西没有一个标准答案,网上的不一定适合自己的项目,一般做法是下载一套标准的css reset,然后在此基础上根据自己实际情况去删改的。适合自己的以及项目的才是最好的。原创 2017-06-29 13:40:57 · 1057 阅读 · 0 评论 -
【拿来即用】常用的一些正则表达式(不定时更新)
在工作中,会遇到很多字段格式验证的问题,或者文本匹配的问题,这时候就少不了强大的正则表达式。这里总结了一些常用的正则表达式,拿来即用,为大家的工作效率添一把火~电话PHONE_REGEX1 = /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/邮箱EMAIL_REGEX = /^[\w-\...原创 2019-06-14 14:28:00 · 409 阅读 · 0 评论 -
手把手教你搭建 Dva + Umi 开发环境
最近开了一个新项目,使用 Dva + Umi 作为主技术栈进行开发。不得不说,当你写过原生 React 后,会发现 Dva 写起来真的是爽歪歪,他对 redux + react-router + redux-saga 进行了一层封装,减少了很多代码操作。同时加上 Umi 强大的路由处理功能,使得开发过程中又一次减少了不少踩坑操作。嗯,,我也是按照 Umi官方指南 的说明一步步来搭建的。中间好像也没...原创 2018-10-01 00:48:27 · 21622 阅读 · 23 评论 -
CSS 如何做到隐藏滚动条的同时可以滚动
一个页面,当div的高度固定时,里面内容如果过多,将会产生溢出,从而影响整体的美观。这时候,我们一般会设置以下CSS样式,为页面添加滚动条。overflow: auto / scroll;/** 单独为横向和竖向设置滚动条 **/overflow-x: auto / scroll;overflow-y: auto / scroll;有一种场景是页面内部包裹了很多个组件,页面本身具有滚动...原创 2018-09-19 21:09:17 · 50210 阅读 · 0 评论 -
CSS3的calc()函数在布局中的使用
使用背景原创 2018-08-01 20:37:38 · 1508 阅读 · 0 评论 -
HTTP状态码整理(完整版)
HTTP状态码,完整版整理。我先收藏了。原创 2017-09-03 21:10:28 · 417 阅读 · 0 评论 -
Bootstrap学习笔记(五)
这一节主要总结一下媒体对象Media、面板Panel、Well、警告框、进度条、列表组及其他基本组件部分。原创 2017-07-19 13:56:37 · 410 阅读 · 0 评论 -
Bootstrap学习笔记(四)
这一节主要介绍组件中的导航栏、导航条。Navigation。在实际项目中,导航栏是很常见的一种组件。学好这个总没差,早晚用得到。原创 2017-06-25 17:44:35 · 339 阅读 · 0 评论 -
Bootstrap学习笔记(三)
接下来这几节将继续讲解Bootstrap中的组件知识。这一节主要讲组件中的字体图标Glyphicons、按钮组件Buttons、输入框组Input Groups、下拉菜单Dropdown组件。原创 2017-06-25 15:19:30 · 507 阅读 · 0 评论 -
Bootstrap学习笔记(二)
这一部分主要介绍Bootstrap中全局CSS样式。希望对你有所帮助。原创 2017-06-25 13:11:03 · 411 阅读 · 0 评论 -
Bootstrap学习笔记(一)
Bootstrap介绍 Bootstrap是2011年8月由Twitter发布一款目前最受欢迎的前端框架。Bootstrap基于HTML、CSS、JAVASCRIPT的,它简洁灵活,将常见的CSS布局、常用组件和JavaScript插件进行了完整并完善的封装,能让没有经验的前端工程师和后端开发工程师都迅速掌握和使用,大大提高开发效率,它还在某种程度上规范前端团队编写CSS和JavaScript原创 2017-02-02 20:00:20 · 453 阅读 · 0 评论 -
纯CSS3实现绘制各种图形
制作圆形:圆形在设置CSS时要设置宽度和高度相等,然后设置border-radius属性为宽度或高度的一半即可:#circle { width: 120px; height: 120px; background: #7fee1d; -moz-border-radius: 60px; -webkit-border-radius: 60px; bor...原创 2019-08-05 22:45:18 · 582 阅读 · 0 评论