css学习
程序员白特
公众号:程序员白特,欢迎一起学习交流~
展开
-
实现响应式布局的五种方式
响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套,手机端再开发一套,而使用响应式布局只要开发一套就够。原创 2022-11-06 15:41:34 · 18324 阅读 · 1 评论 -
浏览器支持字体大小情况 以及 Chrome设置小于12px的字体的处理方案
一、浏览器默认字体大小转载:https://www.zhihu.com/question/268477963二、浏览器支持的最小font-size转载:https://www.jianshu.com/p/8fc4dc861037三、Chrome设置小于12px的字体的处理方案在谷歌下css设置字体大小为12px及以下时,显示都是一样大小,都是默认12px。解决办法:使用Webkit的内核的-webkit-text-size-adjust的私有CSS属性来解决,只要加了-webkit-text原创 2021-09-03 16:15:48 · 3184 阅读 · 0 评论 -
如何更愉快地使用rem —— 别说你懂CSS相对单位
转载:https://zhuanlan.zhihu.com/p/39811831转载 2021-09-03 14:53:23 · 54 阅读 · 0 评论 -
如何更愉快地使用em —— 别说你懂CSS相对单位
转载:https://juejin.cn/post/6844903635004948488转载 2021-08-15 17:27:34 · 52 阅读 · 0 评论 -
深入flex:grow,shrink,basis
转载:https://juejin.cn/post/6844903687563771911转载 2021-08-08 21:38:07 · 99 阅读 · 0 评论 -
元素的width属性是否可以继承
转载:https://blog.csdn.net/qq_17402947/article/details/79017024转载 2021-08-08 20:51:15 · 237 阅读 · 0 评论 -
浏览器滚动条高度的获取
浏览器滚动条高度的获取开始最近做业务需求时,需要监听滚动条scoll事件,获取滚动条高度,用的document.body.scrollTop发现得到的值一直是0,后来做了一些查询,挖出不少秘密,做次笔记,以免忘掉先放结论:1、对有doctype申明的页面 可以使用document.documentElement.scrollTop2、没有doctype申明的页面使用:document.body.scrollTop3、safari:特例独行:使用 window.pageYOffset所以我们可以转载 2021-06-27 17:11:14 · 4621 阅读 · 0 评论 -
蒙了吗?offsetLeft、offsetWidth、clientHeight、clientWidth、scrollTop、scrollWidth、event.pageX
1、offsetHeight || offsetWidth = boder + padding + content两者都是只读属性,如果想offsetLeft offsetTop 一般是相对于offsetParent计算的,也就是第一个定位的父级两者都是只读属性offsetTop 与 style.top 的差别我们知道 offsetTop 可以获得 HTML 元素间隔上方或外层元素的地位,style.top 也是可以的,二者的差别是:1、offsetTop 返回的是数字,而 style.转载 2021-06-27 16:44:43 · 155 阅读 · 0 评论 -
CSS设置文字不换行,超出部分用 ... 代替
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 210px;注意:除了width属性外,其他的属性顺序不能颠倒!转载 2021-03-21 09:26:50 · 2011 阅读 · 0 评论