09 2018 档案

css中的vertical-align在内联元素中的表现--垂直对齐（带图示）
摘要：基本认识 语法 vertical-align：baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> 默认值：baseline 适用于：内联及 table-ce 阅读全文
posted @ 2018-09-28 10:34 凉の茶 阅读(2152) 评论(0) 推荐(0)
利用border特性做的几个纯css小图标
摘要：border除了自己的本职工作外，我们还可以利用他的某些特性来制作一些简单实用的小图标 可以作为菜单图标的三道杠、添加东西的加号小图标、可以表示方向等多功能的三角形小图标、叉叉勾勾表示对错的小图标 <!doctype html> <html lang="en"> <head> <meta chars 阅读全文
posted @ 2018-09-25 17:07 凉の茶 阅读(826) 评论(0) 推荐(0)
CSS文本、字体个别属性效果对比
摘要：text-align:justify；文本两端对齐效果 text-decoration 下划线、上划线、中划线 text-index 首行缩进效果 text-shadow 文本阴影 text-transform 控制单词字母的大小写 font-variant 显示小型的大写字母的字体（对小写字母有效 阅读全文
posted @ 2018-09-20 16:26 凉の茶 阅读(425) 评论(0) 推荐(0)
CSS文本、字体属性（更新中）
摘要：ltr 从左到右（默认） rtl 从右到左 inherit 继承父元素属性 left 左边对齐 right 右边对齐 center 中间对齐 justify 两端对齐文本效果 none (默认) underline 下划线 overline 上划线 line-through 穿过文本下的一条线 bl 阅读全文
posted @ 2018-09-20 15:42 凉の茶 阅读(374) 评论(0) 推荐(0)
JavaScript HTML DOM 学习笔记
摘要：HTML DOM (文档对象模型) 概述列表传送门 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 HTML DOM 模型被构造为对象的树： 通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。 JavaScript 能 阅读全文
posted @ 2018-09-20 11:43 凉の茶 阅读(322) 评论(0) 推荐(0)
JS、JQ获取容器内标签的个数
摘要：获取容器内标签的个数 阅读全文
posted @ 2018-09-19 16:20 凉の茶 阅读(4526) 评论(0) 推荐(0)
CSS3--clip-path练习
摘要：CSS 新属性 clip-path，意味裁剪路径的意思，让我们可以很便捷的生成各种几何图形。 clip-path 通过定义特殊的路径，实现我们想要的图形。而这个路径，正是 SVG 中的 path 。 1、 简介 初始值：none 适用元素：所有元素；在SVG中，不适用于defs（动画）元素和所有的g 阅读全文
posted @ 2018-09-12 17:30 凉の茶 阅读(7627) 评论(0) 推荐(0)
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 凉の茶 阅读(3660) 评论(0) 推荐(0)
CSS3--calc()函数练习（制作响应式布局）
摘要：语法 calc() = calc(四则运算) 说明 动态计算长度值 任何长度值都可以使用calc()函数进行计算，例如：width、height calc()函数支持 （ + 、- 、*、/ ） 运算 calc()函数使用标准的数学运算优先级规则 兼容性 （以上数据来自css参考手册）在特定的浏览器 阅读全文
posted @ 2018-09-11 11:31 凉の茶 阅读(581) 评论(0) 推荐(0)
SVG背景图笔记
摘要：url引用格式：url('data:image/svg+xml;base64') 实例： 准备好SVG文件 源码： 效果： SVG参考手册http://www.runoob.com/svg/svg-reference.html 阅读全文
posted @ 2018-09-05 17:11 凉の茶 阅读(1806) 评论(0) 推荐(0)
私人定制博客园皮肤--第一弹（日系风、欧美风）
摘要：最近在博客园给出的博客皮肤模板的基础上，自己模仿了国外的网站制作了一个皮肤，可日系风可欧美风（这是我自己认为的，取决于你的名字(〃'▽'〃)），只修改了css代码（背景图加载比较慢），支持移动端和PC端（以PC端优先）。 自己修行尚短，功力不足，制作这个皮肤纯属练习，并没有添加什么特效，喜欢的博友可 阅读全文
posted @ 2018-09-05 11:17 凉の茶 阅读(521) 评论(0) 推荐(0)