摘要: CSS 新属性 clip-path,意味裁剪路径的意思,让我们可以很便捷的生成各种几何图形。 clip-path 通过定义特殊的路径,实现我们想要的图形。而这个路径,正是 SVG 中的 path 。 1、 简介 初始值:none 适用元素:所有元素;在SVG中,不适用于defs(动画)元素和所有的g 阅读全文
posted @ 2018-09-12 17:30 凉の茶 阅读(7532) 评论(0) 推荐(0) 编辑
摘要: 语法 box-sizing: content-box / border-box (padding-box已被移除) 默认值:content-box 适用于:所有接受 width 和 height 的元素 继承性:无 动画性:无 计算值:指定值 取值 content-box:呈现标准模式下的盒模型,定 阅读全文
posted @ 2018-09-11 15:39 凉の茶 阅读(3600) 评论(0) 推荐(0) 编辑
摘要: 语法 calc() = calc(四则运算) 说明 动态计算长度值 任何长度值都可以使用calc()函数进行计算,例如:width、height calc()函数支持 ( + 、- 、*、/ ) 运算 calc()函数使用标准的数学运算优先级规则 兼容性 (以上数据来自css参考手册)在特定的浏览器 阅读全文
posted @ 2018-09-11 11:31 凉の茶 阅读(529) 评论(0) 推荐(0) 编辑
摘要: url引用格式:url('data:image/svg+xml;base64') 实例: 准备好SVG文件 源码: 效果: SVG参考手册http://www.runoob.com/svg/svg-reference.html 阅读全文
posted @ 2018-09-05 17:11 凉の茶 阅读(1740) 评论(0) 推荐(0) 编辑
摘要: 最近在博客园给出的博客皮肤模板的基础上,自己模仿了国外的网站制作了一个皮肤,可日系风可欧美风(这是我自己认为的,取决于你的名字(〃'▽'〃)),只修改了css代码(背景图加载比较慢),支持移动端和PC端(以PC端优先)。 自己修行尚短,功力不足,制作这个皮肤纯属练习,并没有添加什么特效,喜欢的博友可 阅读全文
posted @ 2018-09-05 11:17 凉の茶 阅读(473) 评论(0) 推荐(0) 编辑
摘要: :nth-child()选择器,选择器选取父元素的第 N 个子元素,与类型无关。 :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。n 可以是数字、关键词或公式。 :nth-child (an + b) 描述:表示周期的长度,n 是计数器(从 0 开始),b 是偏 阅读全文
posted @ 2018-08-31 16:14 凉の茶 阅读(6121) 评论(2) 推荐(0) 编辑
摘要: css控制表格隔行变色 编号 作品 时间 1 回忆三部曲 1995 2 未麻的部屋 1997 3 千年女优 2001 4 妄想代理人 2004 ... 阅读全文
posted @ 2018-08-31 15:14 凉の茶 阅读(4553) 评论(0) 推荐(1) 编辑
摘要: js控制隔行变色 编号 作品 时间 1 回忆三部曲 1995 2 未麻的部屋 1997 3 千年女优 2001 4 妄想代理人 2004 5 ... 阅读全文
posted @ 2018-08-31 14:51 凉の茶 阅读(3766) 评论(0) 推荐(0) 编辑
摘要: 1、每个元素占单独一行 2、可识别宽高 3、margin:上下左右有效 4、padding:上下左右有效 div p section ul-li header footer 1、每个元素默认从左到右排列,不单独占行 2、对宽高属性无效 3、margin:上下无效,左右有效 4、padding:上下左 阅读全文
posted @ 2018-08-29 16:49 凉の茶 阅读(769) 评论(0) 推荐(0) 编辑