利用纯css来完成它，主要用到的是动画以及伪类元素 最主要的代码其实就是一个伪类元素： content: attr(data-name); /* 写法二：content: "hello world 代码世界"; */ position: absolute; top: 0; left: 0; colo ...
分类：
Web程序 时间：
2021-01-07 12:38:09
阅读次数：
0
a:link 链接未被点击过的样式 a:visited 链接点击过后的样式 a:hover 链接鼠标经过时样式 a:active 链接点未松开时的样式 ...
分类：
Web程序 时间：
2020-12-09 12:21:04
阅读次数：
8
今天是CSS的第二天，熟练掌握后代选择器、链接伪类选择器，元素的显示模式以及背景的设置！ 今日框架： 今日重点： 1、复合选择器 1）后代选择器：可以选择父元素中的子元素--用空格分开 2）子元素选择器：选择某个元素最近一级的子元素（亲儿子）--使用 > 分开 3）并集选择器：集体声明 —— 选择多 ...
分类：
Web程序 时间：
2020-11-13 12:58:56
阅读次数：
16
使用伪类(::before/::after)设置文本前后图标。减少标签的浪费，使页面更加整洁。 如图： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box{ ...
分类：
其他好文 时间：
2020-11-13 12:17:39
阅读次数：
5
今天在转译的时候遇到的情况 否定伪类选择器（:not）：不匹配该属性的每个元素（微信小程序不支持） 1 .bank .wrap.data-v-1773f763 >:not(:last-child) { 2 border-bottom: 1px solid #f0f0f0; 3 } ...
分类：
微信 时间：
2020-10-22 22:54:00
阅读次数：
51
用css实现一个rate评分 ? 核心代码也就三行 效果图 原理 梳理如下： 去找个好看的iconfont，[Iconfont-阿里巴巴矢量图标库]；借用5个radio单选框，把默认样式都去掉，显示默认的星星；用checked伪类监听用户选中?，由默认的星星变成高亮的星星；然后配合~兄弟操作符把当前 ...
分类：
Web程序 时间：
2020-10-18 16:23:01
阅读次数：
33
针对css selector和xpath的优先级做一个简单的说明 在项目中我们可能用的最多的是css或者xpath，那么针对这两种，我们优先选择css，原因在哪些？ 原因1：css是配合html来工作，它实现的原理是匹配对象的原理，而xpath是配合xml工作的，它实现的原理是遍历的原理，所以两者在 ...
分类：
Web程序 时间：
2020-09-16 12:13:03
阅读次数：
54
分两部分讲,一部分是继承样式,一部分是选择器. 继承样式部分,HTML元素有直接样式,也会继承祖先元素的样式.直接元素的优先级大于继承样式,较近祖先样式的优先级大于较远祖先样式; 选择器部分,内联样式>ID选择器>类选择器=属性选择器=伪类选择器>元素选择器=伪元素选择器,如果一个标签同时被多个选择 ...
分类：
Web程序 时间：
2020-09-15 21:06:03
阅读次数：
51
CSS3:是CSS2.X ，某些模块升级文档说明： 新手可观：https://www.w3school.com.cn/ w3c官网：www.w3.org 推荐：https://www.w3.org/TR/CSS22/propidx 可翻译中文：https://developer.mozilla.or ...
分类：
Web程序 时间：
2020-09-14 19:17:11
阅读次数：
55
Css 知识点总结 css中选择器的权重大小： 通配符选择器（*）—— 0 标签选择器、伪元素选择器（::after ,::before）—— 1 类选择器、伪类选择器、属性选择器 —— 10 id选择器 —— 100 行内样式 —— 1000 ！important —— 无穷 对于定义样式的三种方 ...
分类：
Web程序 时间：
2020-08-24 15:12:35
阅读次数：
82
