摘要: 页面定制Css代码 1 /************************************************** 2 第一部分:所有的模板都使用的公共样式。公告样式是为了更好的向前和向后兼容。 3 如果不符合你皮肤的要求,你可以在后面通过更高的优先级覆盖着这些样式,但是 4 你不能删除 阅读全文
posted @ 2018-10-23 09:27 凉の茶 阅读(352) 评论(0) 推荐(0) 编辑
摘要: 在输入框内加入小图标,主要有两种方法 一、使用标签<i>存放图标,利用绝对定位调整位置,图标图层需要在input之上 二、在input内直接使用背景图片放在图标,利用background-position调整位置 阅读全文
posted @ 2018-10-16 16:35 凉の茶 阅读(24650) 评论(0) 推荐(1) 编辑
摘要: 清除输入框样式 不管三七二十一,想要自己设计输入框样式,我们第一步需要清除input自带样式 利用padding减轻视觉负担 最好给输入框设置一下左右边距,不会显得输入文字过于拥挤 添加padding:0 8px;之后的样式,显得大气很多 锦上添花的阴影border-shadow和border-ra 阅读全文
posted @ 2018-10-16 14:14 凉の茶 阅读(6096) 评论(0) 推荐(0) 编辑
摘要: css语法 direction:用角度值指定渐变的方向(或角度); color-stop1,color-stop2,...:用于指定渐变的起止颜色 ps:至少需要两种颜色 兼容性 练习 1、background: linear-gradient(to left,#d3959b,#bfe6ba); t 阅读全文
posted @ 2018-10-16 11:49 凉の茶 阅读(36805) 评论(1) 推荐(4) 编辑
摘要: 基本认识 语法 vertical-align:baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> 默认值:baseline 适用于:内联及 table-ce 阅读全文
posted @ 2018-09-28 10:34 凉の茶 阅读(2039) 评论(0) 推荐(0) 编辑
摘要: border除了自己的本职工作外,我们还可以利用他的某些特性来制作一些简单实用的小图标 可以作为菜单图标的三道杠、添加东西的加号小图标、可以表示方向等多功能的三角形小图标、叉叉勾勾表示对错的小图标 <!doctype html> <html lang="en"> <head> <meta chars 阅读全文
posted @ 2018-09-25 17:07 凉の茶 阅读(798) 评论(0) 推荐(0) 编辑
摘要: text-align:justify;文本两端对齐效果 text-decoration 下划线、上划线、中划线 text-index 首行缩进效果 text-shadow 文本阴影 text-transform 控制单词字母的大小写 font-variant 显示小型的大写字母的字体(对小写字母有效 阅读全文
posted @ 2018-09-20 16:26 凉の茶 阅读(388) 评论(0) 推荐(0) 编辑
摘要: ltr 从左到右(默认) rtl 从右到左 inherit 继承父元素属性 left 左边对齐 right 右边对齐 center 中间对齐 justify 两端对齐文本效果 none (默认) underline 下划线 overline 上划线 line-through 穿过文本下的一条线 bl 阅读全文
posted @ 2018-09-20 15:42 凉の茶 阅读(341) 评论(0) 推荐(0) 编辑
摘要: HTML DOM (文档对象模型) 概述列表传送门 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。 HTML DOM 模型被构造为对象的树: 通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML。 JavaScript 能 阅读全文
posted @ 2018-09-20 11:43 凉の茶 阅读(288) 评论(0) 推荐(0) 编辑
摘要: 获取容器内标签的个数 阅读全文
posted @ 2018-09-19 16:20 凉の茶 阅读(4459) 评论(0) 推荐(0) 编辑