提示：npm配置的写法，vite大致差不多，名称不太一样。devServer在vite里面是serverconst { defineConfig } = require('@vue/cli-service')const path = require(...

伪类CSS 伪类是添加到选择器的关键字，根据元素的位置和状态来选择匹配的子元素。 1，结构伪类，与关系选择器类似但不一样。用来选择一组兄弟元素中的特定元素，查询入口可以是父级元素，也可以是其中一个兄弟元素。 HTML 示例代码结构： ite...

.iconfont { font-family: "iconfont" !important; font-size: 50px; ...

程序实现

图标演示

一. css外部字体图标阿里巴巴星矢图标库:https://www.iconfont.cn/阿里巴巴星矢图标库 第一步，打开网页注册登录，搜索需要的图标 第二步，添加图标至项目组，没有项目，新建一个即可 第三步，其他的不常用，点击常用的...

通过3月16日晚的学习,学会了图标字体的使用方法. 下载字体图标网址:https://www.iconfont.cn/ 1. 在图标字体库中选择喜欢的字体加入到购物车. 2. 注册登陆后,将其选择好的字体添加到自己设置的项目中 3. 复制css网上...

盒模型{ margin: 0; padding: 0; box-sizing: border-box; } .box{ width: ...

一. chrome浏览器下载与常用插件 操作系统： windows 10 推荐: Chrome浏览器 + Firefox 火狐浏览器 此处用chrome下载演示 1. chrome浏览器下载地址:https://www.google.c...

状态伪类根据当前元素的状态来设置 获取焦点时选择时边框变色 .login :focus {outline: 1px solid red;border-bottom: none;} 效果图 所有必填项添加填色 .login :required { ...

通过3月15日直播课程的学习,熟悉了选择器中的伪类选择器的应用,掌握了关于选择器权重的相关知识,以及box-sizing属性的实际用法和好处。 1. 伪类选择器伪类选择器分类两种：一是结构伪类选择器，二是状态伪类选择器。 1.1 结构伪类 :nth-...

这是权重权重我在这里就不一一上次效果图了一次性展示吧 权重(002)>(001) html body h1.title { color: green; background-color: violet;} 权重(003)>(002) ht...

选择器权重原子选择器 tagclassid选择器的权重：html 这是一个标题 样式 h1{color:red;} < .a h1{color:yellow} < #b.a h1{color:gerrn} 伪类选择器 :hover: 鼠标悬停:e...

这是我学习的第五天CSS结构伪类1.查询路口：七点，可以是父级，也可以是起始兄弟，仅限子元素或同级兄弟，尽量用’>’只有一级用空格 传统：class叠加 .list > .item.first { background-color: blue...

伪类选择器1.1 结构伪类1.:nth-child() 红色 蓝色 ...