摘要: 解决办法:在全局样式表中加入 .el-scrollbar__wrap { overflow-x: hidden; } 阅读全文
posted @ 2020-10-07 12:56 Front-Here 阅读(2978) 评论(0) 推荐(2) 编辑
摘要: 解决办法:全局样式表中加入 .el-cascader-panel { height: 200px; } 限制一下高度。 阅读全文
posted @ 2020-10-07 12:54 Front-Here 阅读(1341) 评论(0) 推荐(0) 编辑
摘要: 为什么使用定位? 定位:将盒子定在某一个位置,自由地漂浮在基本流和浮动的上面。 定位的盒子的位置 基本流,浮动,定位,css中3种布局元素的方法。使用定位的盒子肯定在最上面,使用浮动的盒子在中间,使用基本流的盒子在最下面。你可以用海底(基本流),海面(浮动),天空(定位)来形象地记忆这3种布局方法的 阅读全文
posted @ 2020-07-03 10:37 Front-Here 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 注: 本文大部分来自 黑马前端 css day04 笔记,在此感谢黑马的pink老师。 1. 为什么要清除浮动 ​ 图一 如上图所示,虽然父盒子没有设置高度,但是标准流的子盒子会撑开父盒子,使父盒子具有高度,那么父盒子下面的盒子就不会影响我们的布局。 但是我们使用浮动来布局后,子盒子浮动后会脱离标准 阅读全文
posted @ 2020-07-02 16:20 Front-Here 阅读(183) 评论(0) 推荐(0) 编辑
摘要: 语法: box-shadow:水平阴影 垂直阴影 模糊距离(虚实) 阴影的尺寸 阴影颜色 内/外阴影; 示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> di 阅读全文
posted @ 2020-07-02 15:01 Front-Here 阅读(780) 评论(0) 推荐(0) 编辑
摘要: border-radius: 50%; 当指定为百分比的时候,宽度乘百分比得到的数值作为半长轴,高度乘百分比得到的数值作为半短轴,得到一个椭圆,然后按下图切掉多余的部分。 border-radius: 50px; 当指定具体数值时,半长轴等于半短轴,得到一个圆,然后切掉多余的部分。 所以,如果我们想 阅读全文
posted @ 2020-07-02 13:04 Front-Here 阅读(680) 评论(0) 推荐(0) 编辑
摘要: 本文转载自黑马前端 css day03 外边距合并 使用margin定义块元素的垂直外边距时,可能会出现外边距的合并。 (1). 相邻块元素垂直外边距的合并 当上下相邻的两个块元素相遇时,如果上面的元素有下外边距margin-bottom 下面的元素有上外边距margin-top,则他们之间的垂直间 阅读全文
posted @ 2020-07-02 10:23 Front-Here 阅读(382) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> table { width: 300px; text-align: center; border-collapse: 阅读全文
posted @ 2020-07-02 09:52 Front-Here 阅读(6217) 评论(0) 推荐(0) 编辑
摘要: 该文章转载自黑马前端 css 这一节。 CSS层叠性 概念: 所谓层叠性是指多种CSS样式的叠加。 是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉 原则: 样式冲突,遵循的原则是就近原则。 那个样式离着结构近,就执行那个样式。 阅读全文
posted @ 2020-07-01 17:58 Front-Here 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 关于背景我们可以指定的样式有:背景颜色,背景图片,背景平铺,背景位置,背景附着。 背景颜色(color) 语法: background-color: 颜色值 默认值是transparent,表示无背景。 颜色值:预定义的颜色值/十六进制/RGB代码 例如黑色背景: background-color: 阅读全文
posted @ 2020-07-01 16:25 Front-Here 阅读(371) 评论(0) 推荐(0) 编辑