CSS
关注
分享
扫一扫
文章平均质量分 94
宁小法先森︿(￣︶￣)︿
"拖延乃光阴之窃贼。抓住他吧" ——《大卫·科波菲尔》· 狄更斯
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS - 浏览器UI兼容性处理 - 学习/实践
本文摘要：CSS浏览器兼容性问题主要源于不同浏览器内核差异、版本支持和厂商前缀。解决方案包括：使用CSS Reset或Normalize.css统一基准样式；采用Autoprefixer自动处理厂商前缀；实施渐进增强/优雅降级策略；运用Modernizr检测浏览器特性。特别注意Flexbox/Grid布局、CSS变量等新特性的兼容处理，推荐使用跨浏览器测试工具进行调试。关键差异点：IE的盒子模型包含margin，且对flex:1解析与其他浏览器不同（需改用flex-grow:1）。（150字）原创 2025-09-08 08:15:00 · 984 阅读 · 0 评论 -
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 · 746 阅读 · 0 评论 -
前端资源 - 图标 - 学习/实践 --- 20200918
TBD原创 2020-12-22 11:57:11 · 533 阅读 · 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 · 9865 阅读 · 0 评论 -
CSS - 编码实现UI的流程与注意事项 - 学习/实践
1.应用场景主要用于思考总结, 如何快速高效地实现UI布局效果, 避免走弯路或者少走弯路. 给自己预留一些事件放在更有意义的事情上. 2.学习/操作 1.文档阅读 TBD 2.个人思考整理输出 实现UI, 忌讳的就是没有将UI分割, 而且作为一个整体, 哪里不对, 调哪里, 看似没问题, 实际上越到后面, 越发感到崩溃. 最后的结果很可能是就是重构UI实现代码, 甚至完全重写. 实现UI的流程: 1.首先认真查看设计稿, 按照..原创 2020-11-27 21:15:04 · 727 阅读 · 0 评论 -
CSS - 绘制三角形 - 学习/实践
1.应用场景主要用于使用CSS制作三角形, 实现一些UI效果. 2.学习/操作 我们的网页因为 CSS 而呈现千变万化的风格。 这一看似简单的样式语言在使用中非常灵活，只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用，更多新奇的 CSS 作品涌现出来。 Note: 讲真的, 有些图形, 使用CSS绘制, 还是挺不容易. 但是搜索一番应该还是能找到的. Code: triangle.html <!.原创 2020-11-19 14:33:40 · 577 阅读 · 0 评论 -
CSS - 如何使得多个div容器高度保持动态一致 - 学习/实践
1.应用场景主要用于实现页面布局, 特别是列表块UI布局. 2.学习/操作 实现需求: 使得多个div容器高度保持动态一致, 即并不给父级以及子级div容器指定高度, 而且由子级动态内容自行撑起父级高度. Code: <!DOCTYPE html> <html> <head> <title>多个div高度保持一致</title> <style typ...原创 2020-11-19 14:14:30 · 5437 阅读 · 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 · 937 阅读 · 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 · 1528 阅读 · 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 · 564 阅读 · 1 评论 -
JavaScript - 网页跳转 - 收集
https://www.cnblogs.com/lijshui/p/7451360.htmlhttps://www.cnblogs.com/tfphp/p/6126013.html后续整理补充...原创 2020-12-18 15:47:39 · 607 阅读 · 0 评论 -
CSS - 响应式布局/自适应 - 学习/实践
1.应用场景 主要用于学习了解掌握响应式布局及其原理， 快速进行响应式布局开发. 2.学习/操作 背景： 工作需要，于是就只能静下心来去认真学习下, 也借着这个机会将前端CSS布局掌握，往全栈开发迈进一步. 1.介绍 简单说，响应式布局即可以同时适配多个屏幕设备. 常见的即： PC/Mobile 2.文档/视频教程 https://blog.csdn.net/william_n/article/d..原创 2020-09-19 11:13:59 · 820 阅读 · 0 评论