随笔分类 - HTML样式
摘要：实现的效果是这样的 这是表格demo <el-table :data="tableData" style="width: 100%;margin-bottom: 20px;" :row-class-name="getRowClassName" @row-click="rowClick" :row-k
阅读全文
摘要：px 绝对长度单位，根据维基百科解释：它是图像显示的基本单元，既不是一个确定的物理量，也不是一个点或者小方块，而是一个抽象概念。很多时候，px 也常被称为 CSS 像素，在 PC 中，通常认为 1px 的真实长度是固定的 那 px 真的是一个设备无关，跟长度单位米和分米一样是固定大小的吗？ 一个像素
阅读全文
摘要：1、文字超出部分显示省略号 单行文本的溢出显示省略号（一定要有宽度） p{ width:200rpx; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } 多行文本溢出显示省略号 p { display: -webkit-
阅读全文
摘要：通常情况下，我们会使用图片或者svg去完成三角形效果图，但如果单纯使用css如何完成一个三角形呢？ 实现过程似乎也并不困难，通过边框就可完成 盒子模型 <style> .border { width: 50px; height: 50px; border: 2px solid; border-col
阅读全文
摘要：对于文本的溢出，我们可以分成两种形式： 单行文本溢出 多行文本溢出 二、实现方式 单行文本溢出省略 理解也很简单，即文本在一行内显示，超出部分以省略号的形式展现 实现方式也很简单，涉及的css属性有： text-overflow：规定当文本溢出时，显示省略符号来代表被修剪的文本 white-spac
阅读全文
摘要：一,SCSS的安装 1,找到node文件并进入 2,输入下载命令即可 外网慢的话可以用镜像下载 3,验证是否安装成功 注意:如果安装失败可能是node的原因重新下载安装node即可 二,SCSS详细介绍 1,scss文件转为css文件 scss文件编写于后台，浏览器不能直接解析scss文件 我们需要
阅读全文
摘要：Boot strap 官网 https://www.bootcss.com/ 接下来我将一步一步进入 Bootstrap的介绍 一.响应式布局 Responsive web page 响应式网页/自适应网页 页面根据浏览设备不同 自动改变布局，图片/文本效果 不会影响用户体验 1.完成响应式布局，我
阅读全文
摘要：css基础传送门 一复杂选择器 兄弟元素：具有同一个父元素的同级元素之间称为兄弟元素 注意：兄弟选择器只能通过哥哥找到弟弟，不能通过弟弟找哥哥 ①通用兄弟选择器 写法:选择器1~选择器2{样式声明} 找到符合选择器1的元素后面所有符合选择器2的元素 如p+span{color:red} 找到p标签后
阅读全文
摘要：一.CSS概述; CSS >cascading style sheets 层叠样式表 其作用为:修饰页面 .在HTML 写好页面布局,数据的展示完成后进行 HTML 和CSS 对于标签属性的使用区别: HTML属性不能重用,只能对当前 元素生效; CSS可以有限的进行属性的重用,但是无法把重用用到极
阅读全文
