css
文章平均质量分 53
zenkle
这个作者很懒,什么都没留下…
展开
-
修改elementui表格的下拉箭头
使用elementui自带的图标,原先表格的下拉箭头是这样的如果想按照elementui自带的图标进行修改,右边tab选择到图标对应处,F12打开开发者工具选择想要使用的图标,在开发工具中打开自定义图标会发现图表可以结合伪元素:after进行content输入选择对应的图标。针对表格的展开行图标自定义,也可以按照:before设置content进行图标选择,下面提供一种方式:/deep/.el-table__expand-column .cell { .el-table__expand-ico原创 2020-07-17 17:59:21 · 6384 阅读 · 0 评论 -
sass
sass是一种预编译器在引入时需要将.scss文件通过easy watcher编译成.css通过@import './文件名.css'的方式引入进来变量复用:变量声明以$变量名形式声明对于多个变量用于全局,可以通过@mixin 名称 进行定义;在需要使用的地方使用@include 名称 直接放进去@extend 选择器名称 会继承对应选择器下的所有样式,同时嵌套在内部的子元素样...原创 2020-03-17 21:08:49 · 110 阅读 · 0 评论 -
div块垂直居中
//1<body> <div class="div1"></div></body><style> .div1 { width: 200px; height: 200px; background: pink; position: absolute;...原创 2019-10-14 21:31:13 · 218 阅读 · 0 评论 -
css3总结
1、常见新增属性border-radius、border-image、box-shadow、background-image、background-size、background-Origin(border-box;padding-box;content-box)、background-clip(border-box;padding-box;content-box)Linear Gr...原创 2019-10-06 18:44:36 · 137 阅读 · 0 评论 -
css画三角形+扇形+气泡框
主要利用border特性来绘制三角形: .kkk { width: 0; height: 0; border: 50px solid; border-color: yellow blue pink black; }<div class="kkk"></di...原创 2019-10-04 09:29:44 · 267 阅读 · 0 评论 -
BFC
什么是BFC(块格式化上下文)BFC(块格式化上下文)是针对块级盒子的渲染机制,形成独立的渲染区域,只对内部元素有效一个块格式化上下文包括创建它的元素内部所有内容,但是内部元素也被设置为BFC后就不会再与之相互影响。BFC原理(渲染规则)1、创建了BFC的元素中,垂直方向上的margin会重叠2、BFC元素是一个独立区域元素,不会与外部元素相互影响3、不会和浮动元素重叠4...原创 2019-08-29 16:28:19 · 115 阅读 · 0 评论 -
css实现”两边固定,中间自适应''+双飞翼、圣杯布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-08-28 15:39:36 · 148 阅读 · 0 评论 -
水平居中元素
<body> <div class="text">aaaaaa</div></body>1、.text{ width:500px; margin:0 auto; text-align: center; }2、 .text{ ...原创 2019-06-13 13:53:45 · 202 阅读 · 0 评论 -
css3—(1)
border-image:source slice width outset repeat 边框属性border-image-source:none|image;(用于指定要用于绘制边框的图像的位置)none 没有图片 image url(图片路径) border-image-slice:number|%|fill;(指定图像的边界向内偏移)number...原创 2018-11-20 20:28:30 · 92 阅读 · 0 评论 -
transfrom用法
用途:实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理1、rotate(旋转)transform:rotate(10deg):旋转10度。“deg”表示度,正数为顺时针旋转,负数为逆时针旋转2、scale(缩放)transform:scale(0.4):水平和垂直方向同时缩放0.4倍transform:scale(0.4,0.5):水平方向缩放0.4倍,垂直方向缩放0...原创 2018-11-18 16:59:02 · 2846 阅读 · 0 评论 -
初识css(3)
1、水平居中行内元素(文本图片):text-align:center定宽块状元素(块状元素的宽度width为固定值):先设置固定宽度,再设置“左右margin”值为“auto”来实现居中不定宽块状元素(块状元素的宽度width不是固定值):加入 table 标签 1⃣️为需要设置的居中的元素外面加入一个 table 标签 ( 包括 <tbody>、<tr>...原创 2018-10-10 16:34:27 · 69 阅读 · 0 评论 -
初识CSS(2)
1、文字排版字体:font-family:字号:font-size:20px //20像素//颜色:color: 加粗:font-weight:bold斜体:font-style:italic下划线:text-decoration:underline删除线:.oldPrice{text-decoration:line-through2、段落排版缩进:text-...原创 2018-10-10 13:33:02 · 83 阅读 · 0 评论 -
初识CSS(1)
CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。放在<head> </head>之间。p{color:valve;}p:选择值color(:前面的值):属性:冒号表示声明value:值下面的1、2、3中css方法中优先级内联>嵌入...原创 2018-09-28 20:57:26 · 125 阅读 · 0 评论