CSS基础基本语法选择器id选择器：class选择器：元素选择器(标签)选择器分组(并集选择器)：同时设置多个选择器通配选择器 *复合选择器（交集选择器）（同时满足）属性选择器：元素选择器的特殊用法后代选择器（空格）子元素选择器 >兄弟选择器伪类选择器：锚伪类选择器（超链接常用）否定伪类TOC CS... ...
分类：
Web程序 时间：
2020-01-20 18:41:14
阅读次数：
89
before: 伪元素选择器用于在某个元素之前插入一些内容 伪类选择器:before使用content属性插入字符、属性插入图片 <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text ...
分类：
Web程序 时间：
2020-01-19 22:01:13
阅读次数：
128
一、a标签的伪类选择器注意点 （1）a标签的伪类选择器可以单独出现，也可以一起出现。也就是可以设置多个状态的样式。 （2） a标签的伪类选择器如果一起出现，那么有严格的顺序要求，编写的顺序必须要遵守原则： （love\hate原则，即link\visited\hover\active）默认状态、被访 ...
分类：
Web程序 时间：
2020-01-19 09:23:28
阅读次数：
80
背景话不多说，我们能否用纯css实现以下效果:答案是肯定的。借助css:placeholder-shown:valid:invalid伪类及html5inputpattern属性就可以实现，:placeholder-shown伪类目前兼容性如下：直接上代码！html:<!DOCTYPEhtml><html><head><metacharset="utf-8
分类：
Web程序 时间：
2020-01-17 10:18:59
阅读次数：
110
一、input标签 1.<input>实现按钮效果 -与表单相关的按钮效果 -<input type="button" value="按钮"> 2.<button>标签表示按钮 -与表单无关的按钮效果：<button>按钮</button> -类似于<input type="submit"> - 提 ...
分类：
Web程序 时间：
2020-01-17 00:17:52
阅读次数：
131
伪元素 伪元素能做什么？我们要他有何用？它能为我们解决什么问题？和其他的方法相比她有什么有点？我们为什么要使用它？ 伪元素和伪类一样，添加到选择器，但是不是描述状态，他允许我们为元素某些部分设置样式；利用伪元素，我们可以简化页面的html标签，同时用起来也很方便，善于使用伪元素可以让你的页面更加地简 ...
分类：
其他好文 时间：
2020-01-15 19:08:22
阅读次数：
77
设置transition 动画的时候 , js直接设置duration 和 变化值不会起作用 , 需要先设置duration , 等一小会再设置变化值 安卓端 , 窗口不可见时 , window.innerHeight为 0 ; keyframe + 关键帧图片动画 响应式坑 : 若 keyfram ...
分类：
其他好文 时间：
2020-01-15 14:05:47
阅读次数：
71
最近写了几个页面都用到css动画，以及很多before,after伪类。在此记录一下成果。css边框循环动画，页面效果如下： 1、沿着边框动画的图形使用before，after伪类写的。当时想用切图来写，后来考虑到优化，就用了css来写。具体代码如下： <div class="div"> <i cl ...
分类：
Web程序 时间：
2020-01-14 23:57:17
阅读次数：
770
HTML CSS 核心知识点 1. 隐藏真实input输入框，通过label for属性与input输入框绑定。 2. label标签本身作为椭圆形背景，用伪类作为开关圆球。 3. input选中后，需要单独设置label标签本体和伪类的移动 ?? 本系列旨在通过最直接的事例最完整的代码，解决一些开 ...
分类：
Web程序 时间：
2020-01-12 09:19:16
阅读次数：
250
