CSS
宁小法
trim(me);
路一步一步走,事一件一件办。
展开
-
Bootstrap - 学习/实践 -- 20200914
https://search.bilibili.com/all?keyword=bootstrap%20&from_source=nav_search_newhttps://www.bilibili.com/video/BV1YW411T7yy?from=search&seid=3463752165082141581//尚硅谷Bootstrap教程(bootstrap框架讲解)后续补充...原创 2020-12-31 11:44:40 · 469 阅读 · 0 评论 -
前端资源 - 图标 - 学习/实践 --- 20200918
TBD原创 2020-12-22 11:57:11 · 303 阅读 · 0 评论 -
Javascript - 实现Javascript控制ScrollBar(滚动条) - 学习/实践
1.应用场景主要用于控制srollbar的位置, 实现界面定位效果 2.学习/操作 在Javascript中有三种方法能够控制滚动条的位置. 方法一:用scroll函数实现 scroll(x,y); x代表横向滚动条的位置,也就是控制左右位置,当为0时, 代表最左边,当为document.body.scrollWidth时, 代表最右边. y代表纵向滚动条的位置,也就是控制上下位置,当为0时, 代表最上面,当为document.body.scrollHeight时,原创 2020-11-27 16:45:33 · 8410 阅读 · 0 评论 -
CSS - 编码实现UI的流程与注意事项 - 学习/实践
1.应用场景主要用于思考总结, 如何快速高效地实现UI布局效果, 避免走弯路或者少走弯路. 给自己预留一些事件放在更有意义的事情上. 2.学习/操作 1.文档阅读 TBD 2.个人思考整理输出 实现UI, 忌讳的就是没有将UI分割, 而且作为一个整体, 哪里不对, 调哪里, 看似没问题, 实际上越到后面, 越发感到崩溃. 最后的结果很可能是就是重构UI实现代码, 甚至完全重写. 实现UI的流程: 1.首先认真查看设计稿, 按照..原创 2020-11-27 21:15:04 · 499 阅读 · 0 评论 -
CSS - 绘制三角形 - 学习/实践
1.应用场景主要用于使用CSS制作三角形, 实现一些UI效果. 2.学习/操作 我们的网页因为 CSS 而呈现千变万化的风格。 这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。 Note: 讲真的, 有些图形, 使用CSS绘制, 还是挺不容易. 但是搜索一番应该还是能找到的. Code: triangle.html <!.原创 2020-11-19 14:33:40 · 382 阅读 · 0 评论 -
CSS - 如何使得多个div容器高度保持动态一致 - 学习/实践
1.应用场景主要用于实现页面布局, 特别是列表块UI布局. 2.学习/操作 实现需求: 使得多个div容器高度保持动态一致, 即并不给父级以及子级div容器指定高度, 而且由子级动态内容自行撑起父级高度. Code: <!DOCTYPE html> <html> <head> <title>多个div高度保持一致</title> <style typ...原创 2020-11-19 14:14:30 · 4607 阅读 · 2 评论 -
CSS - 制作一个圆, 以及附着在容器边框 - 学习/实践
1.应用场景主要用于制作一个圆, 以及附着在容器边框, 样式布局实现. 2.学习/操作 1.代码如下: HTML <div class="circle"></div> CSS .circle { border-radius: 50%; width: 2rem; height: 2rem; background: #333; } 实践: circle....原创 2020-11-10 18:09:38 · 662 阅读 · 0 评论 -
CSS - 如何在React中优雅的写CSS - 学习/实践
1.应用场景主要用于学习掌握如何在react中书写css样式, 实现页面布局. 2.学习/操作 1.文档阅读 https://juejin.im/post/6844904021304541198 //如何在React中优雅的写CSS https://www.zhihu.com/question/30757566 //如何在 React 中运用 CSS? 公司要求: https://tech-strategy.ssod...原创 2020-11-03 15:52:35 · 1253 阅读 · 0 评论 -
前端资源 - 字体 - 学习/实践
1.应用场景主要用于使用合适的字体, 进行前端项目的设计与开发. 2.学习/操作 1.文档/视频资源 https://search.bilibili.com/all?keyword=%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%20%20font&from_source=nav_search_new 2.实践 这里以为使用某卡通字体为实践 TBD ...原创 2020-10-10 18:18:46 · 362 阅读 · 1 评论 -
JavaScript - 网页跳转 - 收集
https://www.cnblogs.com/lijshui/p/7451360.htmlhttps://www.cnblogs.com/tfphp/p/6126013.html后续整理补充...原创 2020-12-18 15:47:39 · 384 阅读 · 0 评论 -
CSS - 响应式布局/自适应 - 学习/实践
1.应用场景 主要用于学习了解掌握响应式布局及其原理, 快速进行响应式布局开发. 2.学习/操作 背景: 工作需要,于是就只能静下心来去认真学习下, 也借着这个机会将前端CSS布局掌握,往全栈开发迈进一步. 1.介绍 简单说,响应式布局即可以同时适配多个屏幕设备. 常见的即: PC/Mobile 2.文档/视频教程 https://blog.csdn.net/william_n/article/d..原创 2020-09-19 11:13:59 · 529 阅读 · 0 评论