会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
凉の茶
Buried city, to shut all lights.
博客园
首页
新随笔
联系
管理
上一页
1
2
2018年9月12日
CSS3--clip-path练习
摘要: CSS 新属性 clip-path,意味裁剪路径的意思,让我们可以很便捷的生成各种几何图形。 clip-path 通过定义特殊的路径,实现我们想要的图形。而这个路径,正是 SVG 中的 path 。 1、 简介 初始值:none 适用元素:所有元素;在SVG中,不适用于defs(动画)元素和所有的g
阅读全文
posted @ 2018-09-12 17:30 凉の茶
阅读(7595)
评论(0)
推荐(0)
2018年9月11日
CSS3--box-sizing属性练习(border-box设置padding和border不会改变width和height的值)
摘要: 语法 box-sizing: content-box / border-box (padding-box已被移除) 默认值:content-box 适用于:所有接受 width 和 height 的元素 继承性:无 动画性:无 计算值:指定值 取值 content-box:呈现标准模式下的盒模型,定
阅读全文
posted @ 2018-09-11 15:39 凉の茶
阅读(3634)
评论(0)
推荐(0)
CSS3--calc()函数练习(制作响应式布局)
摘要: 语法 calc() = calc(四则运算) 说明 动态计算长度值 任何长度值都可以使用calc()函数进行计算,例如:width、height calc()函数支持 ( + 、- 、*、/ ) 运算 calc()函数使用标准的数学运算优先级规则 兼容性 (以上数据来自css参考手册)在特定的浏览器
阅读全文
posted @ 2018-09-11 11:31 凉の茶
阅读(564)
评论(0)
推荐(0)
2018年9月5日
SVG背景图笔记
摘要: url引用格式:url('data:image/svg+xml;base64') 实例: 准备好SVG文件 源码: 效果: SVG参考手册http://www.runoob.com/svg/svg-reference.html
阅读全文
posted @ 2018-09-05 17:11 凉の茶
阅读(1785)
评论(0)
推荐(0)
私人定制博客园皮肤--第一弹(日系风、欧美风)
摘要: 最近在博客园给出的博客皮肤模板的基础上,自己模仿了国外的网站制作了一个皮肤,可日系风可欧美风(这是我自己认为的,取决于你的名字(〃'▽'〃)),只修改了css代码(背景图加载比较慢),支持移动端和PC端(以PC端优先)。 自己修行尚短,功力不足,制作这个皮肤纯属练习,并没有添加什么特效,喜欢的博友可
阅读全文
posted @ 2018-09-05 11:17 凉の茶
阅读(510)
评论(0)
推荐(0)
2018年8月31日
CSS:nth-child选择器用法练习
摘要: :nth-child()选择器,选择器选取父元素的第 N 个子元素,与类型无关。 :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。n 可以是数字、关键词或公式。 :nth-child (an + b) 描述:表示周期的长度,n 是计数器(从 0 开始),b 是偏
阅读全文
posted @ 2018-08-31 16:14 凉の茶
阅读(6192)
评论(2)
推荐(0)
CSS控制表格隔行变色----:nth-child()选择器
摘要: css控制表格隔行变色 编号 作品 时间 1 回忆三部曲 1995 2 未麻的部屋 1997 3 千年女优 2001 4 妄想代理人 2004 ...
阅读全文
posted @ 2018-08-31 15:14 凉の茶
阅读(4571)
评论(0)
推荐(1)
js控制表格隔行变色
摘要: js控制隔行变色 编号 作品 时间 1 回忆三部曲 1995 2 未麻的部屋 1997 3 千年女优 2001 4 妄想代理人 2004 5 ...
阅读全文
posted @ 2018-08-31 14:51 凉の茶
阅读(3794)
评论(0)
推荐(0)
2018年8月29日
HTML块状元素、行内元素、行内块状元素学习笔记
摘要: 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 凉の茶
阅读(799)
评论(0)
推荐(0)
上一页
1
2
公告