随笔分类 -  Css

摘要:在入口文件 App.js 加上以下css就完美解决问题 body { padding-right: 0px !important; } .el-popup-parent--hidden { overflow: initial !important; } 阅读全文
posted @ 2023-02-20 14:15 他她 阅读(377) 评论(0) 推荐(0) 编辑
摘要:1、给a标签写固定宽度 a{ width:250px; } 2、利用文字投影 text-shadow a:hover{ text-shadow: 0 0 .65px #333, 0 0 .65px #333; /*如果想要更明显的效果请使用下面这一行 */ /*text-shadow: 0 0 .9 阅读全文
posted @ 2022-03-31 17:39 他她 阅读(199) 评论(0) 推荐(0) 编辑
摘要:一、rem适配方案1、rem+媒体查询+less技术 1、设计搞常见的尺寸宽度 一般情况下,我们以两套大部分适应的屏幕,放弃极端屏对其优雅降级,牺牲一些效果,现在基本以750为准 2、动态设置 html 标签 font-size 大小 假设设计稿是750px 假设我们把整个屏幕划分为15等分(划分标 阅读全文
posted @ 2020-11-13 15:00 他她 阅读(1049) 评论(0) 推荐(0) 编辑
摘要:一、额外标签法(在最后一个浮动元素的后面新加一个标签如<div class="clear"></div>,并在其CSS样式中设置clear: both;) 二、给父级设置高度 三、触发父BFC(如给父元素设置overflow:hidden,特别注意的是:在IE6中还需要触发hasLayout,例如给 阅读全文
posted @ 2019-11-28 14:53 他她 阅读(878) 评论(0) 推荐(0) 编辑
摘要:一、水平居中 若是行内元素,则直接给其父元素设置text-align: center即可 若是块级元素,则直接给该元素设置margin: 0 auto即可 若子元素包含浮动元素,则给父元素设置width:fit-content并且配合margin 使用flex布局的方式,可以轻松实现水平居中,即使子 阅读全文
posted @ 2019-11-28 14:34 他她 阅读(1156) 评论(0) 推荐(1) 编辑
摘要:选择器(优先级从高到低) 示例 特殊性值 !important(重要性标识) div { color: #fff !important; } 无,但为了方便记忆,可将其表示为1,0,0,0,0 行内样式 <div style="color: #fff;"></div> 1,0,0,0 id选择器 # 阅读全文
posted @ 2019-11-28 14:16 他她 阅读(152) 评论(0) 推荐(0) 编辑
摘要:我们知道,在移动端存在物理像素(physical pixel)和设备独立像素(density-independent pixel)的概念。物理像素也称为设备像素,它是显示设备中一个最微小的物理部件,每个像素可以根据操作系统设置自己的颜色和亮度。设备独立像素也称为密度无关像素,可以认为是计算机坐标系统 阅读全文
posted @ 2019-11-28 14:14 他她 阅读(131) 评论(0) 推荐(0) 编辑
摘要:一、安装Sass https://www.sass.hk/install/ 根据网站的步骤进行安装 Ruby版本的选择 我第一次下载是在Ruby官网上下的2.5.0版本得ruby。然而下载了之后无(不)从(会)下(安)手(装)。于是就直接删掉了进行了第二次下载,这次是在RubyInstaller下载 阅读全文
posted @ 2019-02-13 20:44 他她 阅读(587) 评论(0) 推荐(0) 编辑
摘要:1、经常会遇到子元素浮动了,父元素就会探索到一个合适的值现在值是0,就要清除浮动操 常用的清除浮动方法: ①、.clearfix:after { content:""; display:block; height:0; visibility:hidden; clear:both; } .clearf 阅读全文
posted @ 2018-11-06 11:02 他她 阅读(344) 评论(0) 推荐(0) 编辑
摘要:outline(轮廓)是绘制于元素周围的一条线,位于边框边缘的外围。 outline-width指定轮廓的宽度。 注意: 请始终在outline-width属性之前声明outline-style属性。元素只有获得轮廓以后才能改变其轮廓的宽度。 运行结果 参考http://www.runoob.com 阅读全文
posted @ 2018-11-06 10:40 他她 阅读(334) 评论(0) 推荐(0) 编辑
只有注册用户登录后才能阅读该文。
posted @ 2017-03-23 09:20 他她 阅读(4) 评论(0) 推荐(0) 编辑
摘要:内联元素居中方案 水平居中设置: 行内元素 设置 text-align:center; Flex布局 设置display:flex;justify-content:center;(灵活运用) 垂直居中设置: 父元素高度确定的多行文本(内联元素) a:插入 table (插入方法和水平居中一样),然后 阅读全文
posted @ 2016-12-05 14:59 他她 阅读(445) 评论(0) 推荐(0) 编辑
摘要:什么是CSS清除浮动? 在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫浮动溢出,为了防止这个现象的出现而 阅读全文
posted @ 2016-12-05 14:56 他她 阅读(316) 评论(0) 推荐(0) 编辑
摘要:SASS是一中CSS的开发工具,提供了许多便利的写法,大大节约了设计者们的时间,使得CSS的开发,变得简单和可维护。本文总结了SASS的主要方法。我们的目标是,有了这篇文章,日常的一般使用就不需要看官方文档了。 阅读全文
posted @ 2016-11-22 15:15 他她 阅读(487) 评论(0) 推荐(0) 编辑