css
文章平均质量分 60
混血哲谈
无论身在何处,勿忘佛子本分
展开
-
less里面的`:global` 加在了最外层,加了之后,在tsx文件中通过`import ‘./index.less‘;`引入的样式没有作用
这里涉及到css modules,原因是在 css modules中要想一个类名不被装换,那么可以使用:global(className)来进行包装,这样的类不会被转换,会被原样输出。而事实上我们引入的时候不是用的css modules的方式,所以压根就用不着:global 这种全局作用域的方式。另外css modules中可以使用composes来引入自身模块中的样式以及另一个模块的样式:.serif-font { font-family: Georgia, serif;}.displ原创 2021-10-29 14:36:00 · 1851 阅读 · 0 评论 -
css中100vh 加减运算
vh/vwvh: 相对于视窗的高度, 视窗被均分为100单位的vh;vw: 相对于视窗的宽度, 视窗被均分为100单位的vw;vmax: 相对于视窗的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax;vmin: 相对于视窗的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin;视区所指为浏览器内部的可视区域大小,即window.innerWidth/window.innerHeight大小,不包含任务栏标题栏以及底部工具栏的浏览器区域大小。calcca...转载 2021-06-11 11:12:11 · 6870 阅读 · 1 评论 -
CSS3四个自适应关键字——fill-available、max-content、min-content、fit-content
CSS3四个自适应关键字——fill-available、max-content、min-content、fit-content前面的话 一般地,有两种自适应:撑满空闲空间与收缩到内容尺寸。CSS3将这两种情况分别定义为'fill-availabel'和'fit-content'。除此之外,还新增了更细粒度的'min-content'和'max-content'。这四个关键字可用于设置宽高属性。本文将详细介绍CSS3中的这四个自适应关键字 [注意]IE浏览器不支持,webkit内核浏..转载 2021-06-02 11:47:27 · 1770 阅读 · 0 评论 -
css分组选择器和子元素选择器一起使用的时候子元素选择器应该写全父级选择器
本意是让.ant-table-fixed-right,.ant-table-fixed-left共享后面的选择器,发现这样写不行。这样写当然不行啦,直接一个.>都没有选择父级选择器,所以应该使用下面这种形式html .ant-table-small > .ant-table-content > .ant-table-fixed-right,/*这里加个逗号分开,...原创 2019-12-17 12:05:16 · 297 阅读 · 0 评论 -
css让图片做整个页面的背景
问题:背景图片需要平铺整个页面作为背景。 久了未用,一时竟然没有反映过来,或者说以前有过类似的应用场景,缺乏总结,所以没有形成思维。这也说明一个问题,需要不断地实践,新增应用场景,并且及时总结,这样才能形成良好的思维反映,这应该也是又经验和没经验的一个差别,总的来说,及时总结,捋清逻辑,这样才能有助于提升自己的功力。另外有一点我认为也非常重要,就是要经常使用,常常敲一敲,能使用,能更好...原创 2018-07-18 12:50:30 · 20545 阅读 · 0 评论 -
iconfont字体图标的使用方法--超简单!
转载自https://www.cnblogs.com/hjvsdr/p/6639649.html 感谢分享,很棒!我之前因为项目用bootstrap比较多,所以使用font awesome字体图标比较多,后来接触到了iconfont,发现想要的什么图标都有,还可以自定义图标,非常强大!之前看了一波教程,觉得繁琐,自己弄明白后感觉如此简单,做了这么个简单教程,直接上图,简单粗暴,避免新手走弯路...转载 2018-07-26 17:40:03 · 3575 阅读 · 1 评论 -
JS中offsetTop、clientTop、scrollTop、offsetTop各位置属性详解(含示例图)
这里是javascript中制作滚动代码的常用属性页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;window.innerHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeig...转载 2018-12-19 21:31:21 · 558 阅读 · 0 评论