一.复杂选择器 1.兄弟选择器 兄弟元素,具备相同父元素的平级元素之间称为兄弟元素 兄弟选择器,只能找弟弟,不能找哥哥,只能往后找,不能往前找 ①相邻兄弟选择器 选择器 + 选择器{} 获取紧紧挨在某元素后面的兄弟元素 p+.c1{color:#f00;} ②通用兄弟选择器 选择器 ~ 选择器{} ...
分类:
Web程序 时间:
2020-05-18 20:55:45
阅读次数:
56
:nth-child是css3的一个比较常用的选择器。它用于匹配属于其父元素中的子元素,不论元素的类型。 它的参数可以是数字、关键词或公式。下面讲介绍它的使用方法, nth-child的使用 html结构如下: <div class="demo"> <p>1</p> <p>2</p> <p>3</p ...
分类:
Web程序 时间:
2020-05-18 14:24:11
阅读次数:
83
计算机图像处理是一门很成熟的技术,任何一门可操作系统接口的语言都能很轻易的实现各种处理操作。但是前端限于浏览器环境和接口限制,处理起来会有诸多不便,这里所说的前端图像处理,是真的指不借助任何后端服务纯前端实现的图像处理。本文会介绍canvas位图处理,SVG矢量图和CSS3图像处理,重点是canva ...
分类:
其他好文 时间:
2020-05-18 14:21:53
阅读次数:
63
环形进度条的问题,网上有很多的demo,也有各种不同的实现方式,很棒的实现也有很多,我这自己做一下一方面是想开阔一下自己的思路,一方面好久没看SVG和Canvas的东西了,基础的拿来熟悉下。 DIV + CSS3 这个是最基本的实现方式,我在想怎样用尽量少的DOM结构来实现,最终还是用了三个div, ...
分类:
其他好文 时间:
2020-05-17 23:08:18
阅读次数:
98
# 1.CSS3简介 - 前缀 google/safari : -webkit- ie : -ms- firefox : -moz- opera : -o- - 前缀官方网址 参考手册:http://css.doyoe.com 权威网站:http://www.caniuse.com - 预处理器:p ...
分类:
Web程序 时间:
2020-05-17 17:30:39
阅读次数:
53
div css3样式表制作鼠标滑过导航条淡进淡出效果点击》div css3样式表制作鼠标滑过导航条淡进淡出效果div+css3制作一个会动画的导航,当鼠标滑过内容块时,底部背景动画显示,css3与字体引用谷歌字体目录,让这个css3动画导航更加的美光。div css样式表A标签属性hover纯CSS ...
分类:
其他好文 时间:
2020-05-17 13:27:45
阅读次数:
52
BenchmarkDotNet 将方法转换基准测试,可以追踪代码性能,作为性能测试的参考 ...
分类:
Web程序 时间:
2020-05-17 12:56:58
阅读次数:
61
不断更新中 预览 这是一个正在完善的css文件,是对原生组件基于标签属性做了美化,对datepicker,select等无法用css实现的暂不考虑在本文内。 按钮 Button 初始按钮 <button>button</button> <button class="red">red</button> ...
分类:
Web程序 时间:
2020-05-17 12:56:41
阅读次数:
71
CSS3学习记录二 字体样式 字体 h1{ font-family:楷体; } 字体颜色 h1{ color:red; } 字体尺寸 h1{ font-size:50xp; } 字体粗细 h1{ font-weight:bolder; } 备注 <span></span> 无特殊功能,但通常用于注重 ...
分类:
Web程序 时间:
2020-05-17 11:48:18
阅读次数:
73
众多周知 CSS3 增加了很多属性,在读写的时候就没有原先那么方便了。 如:<div style="left:100px"></div> 只考虑行间样式的话,只需 div.style.left 就可获取,设置的时候也只需要 div.style.left='100px' 即可。很简单。 但是css3来 ...
分类:
Web程序 时间:
2020-05-16 21:10:17
阅读次数:
87