1.点击form里任意input隐藏form以外内容提高用户体验 2.解决带计数文本域自身:focus高亮重叠问题 3.纯css实现下拉 :focus跟:focus-within的区别在于前者表示当前元素处于focus状态时，后者是当前元素或者当前元素的子元素处于focus状态时。 ...
分类：
其他好文 时间：
2018-05-04 17:01:11
阅读次数：
148
选择器 规则结构: 分两个基本部分 选择器(selector)和声明块(declaration block) 组成 声明块:由一个或多个声明组成,每一个声明都是属性-值对 选择器分为:元素选择器,类选择器,后代选择器,通配选择器,ID选择器,属性选择器,伪类选择器.子元素选择器,相邻兄弟选择器. 元 ...
分类：
Web程序 时间：
2018-05-02 20:49:22
阅读次数：
202
<!doctype html><html><head><meta charset="utf-8"><title>使用动态伪类选择器美化按钮</title> <style type="text/css"> *{ text-align: center; } /*默认状态下的按钮效果*/ .btn{ ba ...
分类：
其他好文 时间：
2018-04-30 18:04:32
阅读次数：
141
CSS:层叠样式表(Cascading Style Sheets) 1.css的特征 2.css的引入 3.选择器 4.伪类选择器 5.伪元素选择器 6.字体样式 文本样式 背景属性 7.盒模型 border margin padding 8.display visibility 属性 9.floa... ...
分类：
Web程序 时间：
2018-04-30 00:01:06
阅读次数：
377
CSS: 1.css的引入方式 2.基础选择器 3.高级选择器 4.选择器的优先级 5.伪类选择器 6.字体样式 7.文本样式 8.背景 9.盒模型border 10.margin 11.padding 1.css的引入方式 css的引入方式 ... ...
分类：
Web程序 时间：
2018-04-29 23:13:50
阅读次数：
254
说明：:not意为排除某个元素，可以多次叠加使用代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1,maximum-scale=1,user-scala
分类：
Web程序 时间：
2018-04-29 22:12:35
阅读次数：
316
1 2 3 4 5 伪类选择器 6 35 36 37 百度 38 京东 39 淘宝 40 41 ...
分类：
其他好文 时间：
2018-04-27 13:56:36
阅读次数：
178
li:nth-child(2n+1) (3n+1)1开始隔N个再开始 li:nth-child(2n) (n+5) 5之后 li:nth-child(2n) (even) 偶数 li:nth-child(odd) 奇数 li:nth-child(3n+4) 第4个开始 隔3个再来 li:nth-ch ...
分类：
其他好文 时间：
2018-04-23 15:37:00
阅读次数：
132
伪类选择器： 伪类是直接在元素后面加“:”,例如a:hover,可直接在css中用而不用在html中像类一样定义,因为是浏览器预先设定好的。 a一般顺序是:a:link{} 未访问状态链接 a:visited{}已访问状态链接 a:hover{}鼠标悬停上时状态 还有其他伪类,如first-chil ...
分类：
Web程序 时间：
2018-04-22 16:02:41
阅读次数：
229
一、结构（位置）伪类选择器（ : ） 1、:first-child 2、:last-child 3、:nth-child(n)或者:nth-child(2n)或者:nth-child(2n+1) 二、属性选择器（[ ]） 1、[ 属性 ] 2、可以和正则表达式混用，如 $ 和 ^ 和 * ...
分类：
Web程序 时间：
2018-04-16 18:43:44
阅读次数：
187
