黑马程序员技术交流社区

标题: 【西安校区】开发过程中积累的CSS样式 [打印本页]

---

作者: 逆风TO    时间: 2019-10-30 13:27
标题: 【西安校区】开发过程中积累的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;

---

作者: Port    时间: 2019-10-30 13:43

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2