
css
文章平均质量分 86
ganen_qian
积极、认真、负责
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦等)
图形包括基本的矩形、圆形、椭圆、三角形、多边形,也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性,所以在你打开这篇文章的时候,我希望你用的是firefox或者chrome,当然IE也能看一部分的。那好,下面就一起来看看我们是如何用纯CSS来画这些图形的,如果你也觉得很震撼,推荐给你的朋友吧。1、正方形代码如下:#square { widt转载 2016-03-18 10:26:09 · 1693 阅读 · 1 评论 -
:link,:visited,:focus,:hover,:active详解
CSS 又名 层叠样式表,所谓层叠,就是后面的样式会覆盖前面的样式,所以在样式表中,各样式排列的顺序很有讲究。 :link 与 :visited 在样式文件中的顺序可以随便放置。而focus, hover,active这几个,如果你设置的顺序不同,会直接影响样式的显示效果,下面会详细解释。:focus -> :hover -> :active 有些人可能会困惑,为什么必须要转载 2016-03-18 10:32:16 · 509 阅读 · 0 评论 -
<meta>标签用法
http-equivMETA标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。★HTTP-EQUIVHTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有:1、Content-Type和Content-Language (显示字符集的设定)说明:设定页面使用的字符集,用以说明主页转载 2016-03-25 19:42:45 · 854 阅读 · 0 评论 -
联想输入
最近遇到了一个小需求:根据输入模糊匹配,并快速选择。即联想输入,如下图效果:抛开词库,分词等这些逻辑,只管前端实现,初步构思了以下思路:1、监控输入变化事件:onkeyup或onchange;2、匹配结果容器位置定位;3、匹配结果容器显示隐藏;4、匹配结果容器按键响应,方向键及enter:onkeydown;5、输入内容截取并替换;按照上面思路尝试demo,遇到原创 2016-04-13 18:30:09 · 797 阅读 · 0 评论 -
多选下拉控件multiselect使用小结
项目开发中,需要用到多选下拉列表插件,由于项目前端框架采用了bootstrap,因此自然选择了bootstrap的组件。经了解其有两组插件:1、第一个组件是写bootstrap table的主人公 wenzhixin 封装的一个组件—— multiple-select 。这个组件风格简单、文档全、功能强大。Multiple-Select源码主页: https://github.原创 2016-03-24 16:30:35 · 102715 阅读 · 11 评论