从W3School找到相关资料如下：伪类： 伪类存在的意义是为了通过选择器找到那些不存在与DOM树中的信息以及不能被常规CSS选择器获取到的信息。 伪类由一个冒号:开头，冒号后面是伪类的名称和包含在圆括号中的可选参数。 任何常规选择器可以再任何位置使用伪类。伪类语法不区别大小写。一些伪类的作用会互斥，另外一些伪类可以同时被同一个元素使用。并且，为了满足用户在操作DOM
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>设置字体</title>
<!--字体 font-family
语法： font-family: "字体1","字体2",...
从前往后选择字体，如果不支持字体1就选择字体2以此类推，如果都没有，那么
转载
2024-04-25 20:05:42
139阅读
近日，我在用swiper插件写一个手游官网时，出现了一个很奇怪的问题。问题如下 如上图所示，这里是一个可以左右拖动的ul，每一个英雄介绍都是一个li标签，上图这是正常的情况。可是，它会随机不定期不定时间不限次数的出现一种很奇怪的bug，比如 上图是pc端查看的时候，11个li标签组成的英雄介绍全部挤成一团。这张图是移动端查看的时候，又会出现相
scoped css官方文档scoped css可以直接在能跑起来的vue项目中使用。使用方法：<style scoped>
h1 {
color: #f00;
}
</style>使用scoped划分本地样式的结果编译结果如下：h1[data-v-4c3b6c1c] {
color: #f00;
}即在元素中添加了一个唯一属性用来区分。缺点一、如果用户在别处定
Element UI 极简教程Layout 布局Container 布局容器Icon 图标Button 按钮Link 文字链接 本节主要介绍 Element UI 中的布局方式以及常用的 icon、Button、Link 组件Layout 布局通过基础的 24 栏划分，可以非常迅速便捷地创建布局。通过 <el-row> 和 <el-col> 组件，并通过 col 组件的
转载
2024-03-07 20:46:32
218阅读
CSS 表格属性可以帮助您极大地改善表格的外观。 表格边框 如需在 CSS 中设置表格边框，请使用 border 属性。 下面的例子为 table、th 以及 td 设置了蓝色边框： table, th, td
{
border: 1px solid blue;
} 亲自试一试 请注意，上例中的表格具有双线条边框。这是由于 table、th 以及 td 元素都有独立的边框。 如
提要Vue2.0+Vuex+ElementUI是现在很多项目都在使用的BS软件的开发组合。Vue相较于Angular具有学习成本低，上手快以及组件轻量化的特点；相较于React，其官方提供的很多指令以及可以自定义的指令能够为让开发更加高效。并且相较于React生命周期监听所有props和state的变化，Vue中提供的watch方法监听单个数据的变化，能够更加直观的进行数据操作。需要修改源码的项目
转载
2024-06-12 20:13:44
50阅读
一、CSS选择器构成CSS选择器是你想要改变样式的html元素，通俗的说，选择器可以改变html文件中标签的属性，这些属性可以是颜色，背景图，字体等。每个选择器有一条或多条声明，可以同时改变某个标签的一个或多个属性，每个属性和它的值用冒号分开，不同属性之间用分号隔开。1 h1{
2 font-family: "楷体";
3 color
vue样式穿透 ::v-deep的具体使用 这篇文章主要介绍了vue样式穿透 ::v-deep的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧之前在项目中用到了 vant，使用特别简单，而且组建也非常的丰富。即时这样，在项目中肯定也需要用额外的样式来打造自己的应用。直接在 <style lang="sc
转载
2024-09-24 15:47:30
84阅读
在项目当中我们常常会使用到 Element UI 组件库来进行快速开发，但是组件在引入之后它都会有官方默认的样式，有些情况我们需要修改它的样式。
原创
2022-11-05 11:13:25
479阅读
[Sass]命令编译命令编译是指使用你电脑中的命令终端，通过输入 Sass 指令来编译 Sass。这种编译方式是最直接也是最简单的一种方式。因为只需要在你的命令终端输入：单文件编译：sass <要编译的Sass文件路径>/style.scss:<要输出CSS文件路径>/style.css这是对一个单文件进行编译，如果想对整个项目所有 Sass 文件编译成 CSS 文件，可以
转载
2024-10-19 08:50:26
14阅读
JavaScript其实带颜色的样式规则只占了所有css中很少的一部分。所以，我希望可以只替换css中与颜色相关的部分css规则。于是写了个webpack插件来实现这个功能。二、基本思路
webpack构建时，在emit事件（准备写入dist结果文件时）中，将即将生成的所有css文件的内容中带有指定颜色的css规则单独提取出来，再合并为一个theme-colors.css输出文件。然后在切换主题色
转载
2024-08-06 08:00:31
361阅读
样式(Style)和Unity样式表(style sheets)每个VisualElement都包含样式属性，用于设置元素的尺寸以及元素在屏幕上的绘制方式，例如backgroundColor或borderColor。样式属性可以在C＃中设置，也可以在样式表中设置。样式属性将会在其自己的数据结构（IStyle接口）中重新组装。UIElements支持用USS编写的样式表（Unity样式表）。USS文
转载
2024-10-21 18:55:06
48阅读
CSS本身没有直接提供变换HTML链接下划线的功能，但只要运用一些技巧，我们还是可以让单调的网页链接下划线变得丰富多彩。 一、基本原理 首先，自定义HTML链接下划线的第一步是创建一个图形，在水平方向重复放置这个图形即形成下划线效果。如果要显示出下划线背后的网页背景，可以使用透明的.gif图形。 其次，如果下划线图形的高度较大，则必须适当增加文本的高度，使得一行文本的底部与下一行文本的顶部之间有较
最近element-ui升级到2了，添加了不少功能，可喜可贺，可喜可贺！然而，产品的需求依然那么刁钻，上传与删除图片还是要去改源码，为了同时用新的ele，决定在2中改源码然而，遇到问题了。 一开始与之前博客中描述的一样，将github上的目录弄下来，修改对应的组件，然后执行npm run dist，如下图： 没错，竟然报错了，报错的文件也很奇葩，是一个我根本没动过也没见过的js
转载
2024-04-08 12:54:33
98阅读
效果代码：使用 :header-cell-style="{ ‘background-color’:’#
原创
2022-09-06 12:44:47
260阅读
原创
2021-09-07 14:52:03
1422阅读
近期项目中需要使用富文本编辑器，开始想到的富文本编辑器是百度的UEditor，UEditor功能齐全、插件多，但是图片只能上传到本地服务器，如果需要上传到其他服务器需要改动源码，而且是PHP、JSP、ASP、.Net版本，同时UEditor体积过大压缩包有3.3M（jsp版本），加载速度慢。实际项目中并不需要那么多的功能，只需要基础的操作：字体、字体大小、标题、段落、图片上传、视频上传、居中对齐
ElementUI 是一套ui组件库，在项目开发中，难免遇到要需求修改其默认样式的情况，本文就vue 框架介绍几种修改 ElementUI 默认样式的办法。 1、安装 安装 npm i element-ui -S 使用 import Vue from 'vue'; import ElementUI ...
转载
2021-04-23 16:30:00
198阅读
2评论
ElementUI表格样式需要加载行内以对象的形式存 <el-table :data="tableData" :summary-method="getSummaries" show-summary height="240" :header-cell-style="tableHeader" :row- ...
转载
2021-10-28 09:45:00
831阅读
2评论
