开发过程中积累的CSS样式(持续更新) - 蓝蓝设计_UI设计公司

帝皇彩票官网

追求卓越一诺千金

蓝蓝设计,2011年成立,主创清华团队,专注软件和互联网ui设计开发。擅长企业信息化管理、监控、大数据软件UIUE咨询和设计开发服务。立足UI,好好学习,天天进步!


开发过程中积累的CSS样式(持续更新)

2019-10-25 释然 前端及开发文章及欣赏


前言:平时写页面的时候有些样式使用完发现没过多久就忘记了,这篇文章主要是用来记录开发过程中容易忘记的CSS样式,与其总是去网上查,还不如一个一个记录下来,虽然说之前的都没有记录,但是知识的累积不论什么时候开始做都不会晚的。

首先 记录几个好用的插件网站:

layDate日期与时间组件: https://www.layui.com/laydate/
Vant移动端插件库: https://youzan.github.io/vant/#/zh-CN/intro
Element组件库: https://element.eleme.cn/#/zh-CN/component/installation
Vue.js框架: https://cn.vuejs.org/v2/guide/
Bootstrap框架: https://v2.bootcss.com/index.html
菜鸟教程官网: https://www.runoob.com/
w3school官网: https://www.w3school.com.cn/
下面是遇到的一些想累积的css样式:(内容会随时间累积的越来越多)

1、一个 div 中的内容实现上下滑动效果(而不是超出body的高以后上下滑动):overflow:auto;
简单的描述:body 中的一个 div 内,如果设置了固定的 height,而内容的总 height 超出了 div 的高,则超出的部分就会被覆盖,而想实现超出的部分变成滑动的效果而不被覆盖,则用 overflow:auto; 实现。

2、修改 前端框架封装好的css样式: border-radius: 20px!important;(注意使用英文的 ! 叹号)
简单的描述:在开发过程中经常使用一些前端框架(bootstrap,vue.js,laydate,Vant等等),在使用link导入css文件以后,发现有些css是在标签内使用内嵌的方式实现的,优先级最高,那么我们怎么修改呢?
比如:css文件中的边框弧度样式为10px:border-radius: 10px;
我们想改成20px,则在后面加上 !important 即可:border-radius: 20px!important;

这篇文章主要是以后回头复习或者忘记了的时候给我自己看的,但是如果恰好也帮助到了你,那是更加的有意义,在以后的开发过程中,该文章的内容一定会累积的越来越多
蓝蓝设计www.bjhbys.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计  cs界面设计  ipad界面设计  包装设计  图标定制  用户体验 、交互设计、 网站建设 平面设计服务
标签: 开发过程中积累的CSS样式(持续更新) « 深入理解vue中的slot与slot-scope | 产品设计核心三要素»


蓝蓝 http://www.bjhbys.com

订阅Rss
博发彩票APP下载 吉利彩票登陆 状元彩票官网 迪士尼彩乐园官方网址 吉利彩票计划 博发彩票APP下载 吉林快3开奖 桔子彩票平台 福建11选5走势 山东十一运夺金开奖结果