随笔分类 -  CSS/HTML

上一页 1 2 3
CSS3动画箭头
摘要：css3绚丽的箭头动画，css3箭头动画 阅读全文
posted @ 2016-11-10 22:23 十三月凉 阅读(6934) 评论(0) 推荐(1) 编辑
移动前端的html5 head 头标签
摘要：DOCTYPE DOCTYPE(Document Type)，该声明位于文档中最前面的位置，处于 html 标签之前，此标签告知浏览器文档使用哪种 HTML 或者 XHTML 规范。 使用 HTML5 doctype，不区分大小写。 charset 声明文档使用的字符编码 html5 之前网页中会这 阅读全文
posted @ 2016-06-29 11:03 十三月凉 阅读(510) 评论(0) 推荐(0) 编辑
js通过a链接控制多个DIV只显示其中一个其它隐藏
摘要：1 3 4 5 6 7 8 9 10 11 12 13 14 显示id1的内容15 16 17 显示id2的内容18 19 20 显示id3的内容21 22 23 24 25 26 1111111111111111我是id1内容的a... 阅读全文
posted @ 2016-01-11 23:44 十三月凉 阅读(6129) 评论(0) 推荐(0) 编辑
小米官网的css3导航菜单
摘要：HTML代码： 1 2 3 首页 4 5 6 小米手机 7 8 9 ... 阅读全文
posted @ 2015-12-30 17:16 十三月凉 阅读(1114) 评论(0) 推荐(0) 编辑
背景色渐变
摘要：IEIE并不支持CSS渐变，但是提供了渐变滤镜，可以实现最简单的渐变效果：1 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ff0000'); /* IE6,IE7... 阅读全文
posted @ 2015-12-28 17:50 十三月凉 阅读(169) 评论(0) 推荐(0) 编辑
处理手机上点击链接出现的蓝色边框
摘要：a {tap-highlight-color: rgba(0,0,0,0);focus-ring-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-focus-ring-color: rgba(0, ... 阅读全文
posted @ 2015-12-28 17:27 十三月凉 阅读(327) 评论(0) 推荐(0) 编辑
如何修改HTML5 input placeholder 颜色
摘要：有三种实现方式：伪元素（pseudo-elements）、伪类（ pseudo-classes）和Notihing。WebKit和Blink（Safari,Google Chrome, Opera15+）使用伪元素::-webkit-input-placeholder:-moz-placeholde... 阅读全文
posted @ 2015-12-27 18:14 十三月凉 阅读(687) 评论(0) 推荐(0) 编辑
自定义浏览器滚动条样式
摘要：为了有助于理解IE中滚动条样式的控制，你可以查看如下的图片：经过不断的测试发现，在Win8 下面，有一部分样式都起着相同的作用。估计是因为在Win8中扁平化的界面设计而重新定议了系统中滚动条！以下是Win 8下面的滚动条样式，并写出了和CSS支持的情况：以上所写的几个四个CSS属性，足以控制Win ... 阅读全文
posted @ 2015-12-21 11:53 十三月凉 阅读(434) 评论(0) 推荐(0) 编辑
两行文字，固定宽高，超出部分以三点隐藏
摘要：代码如下：display: -webkit-box; 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。-webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。text-overflow: ellipsis;，可以用来多行文本的情况下，用省略号“…”隐藏超... 阅读全文
posted @ 2015-12-12 16:25 十三月凉 阅读(486) 评论(0) 推荐(0) 编辑
css3控制div上下跳动
摘要：这个例子是直接应用css3来控制div层上下来回滚动； 这需要熟练应用@keyframes 规则，@keyframes bounce-up中的bounce-up是个动作名称，这个元素可以自行定义，只要在 animation: bounce-up匹配到就可以的。 这是效果图 阅读全文
posted @ 2015-12-05 23:07 十三月凉 阅读(17454) 评论(0) 推荐(0) 编辑
关于css的text-indent首行缩进两个字符和图片缩进的问题
摘要：段落前面空两个字的距离，不要再使用空格了。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。注：div标签不要忘记起始符。text-indent只对p或div标签有效，对br标签不生效，原因是br标签是换行标签不是分段标签... 阅读全文
posted @ 2015-12-05 12:34 十三月凉 阅读(12083) 评论(0) 推荐(1) 编辑
CSS3 box-shadow 属性
摘要：定义和用法box-shadow 属性向框添加一个或多个阴影。默认值： none继承性： no版本： CSS3JavaScript 语法： object.style.boxShadow="10px 10px 5px #888888"提示：请使用 border-image-* 属性来构造漂亮的可伸缩按钮... 阅读全文
posted @ 2015-12-03 16:01 十三月凉 阅读(208) 评论(0) 推荐(0) 编辑
css3图片模糊过滤特效
摘要：体验效果：点击这里查看效果代码如下：css3图片模糊过滤特效-柯乐义原文：http://keleyi.com/a/bjad/yin8b5eb.htm 阅读全文
posted @ 2015-12-03 15:52 十三月凉 阅读(249) 评论(0) 推荐(0) 编辑
向上弹出菜单jQuery插件
摘要：插件名：柯乐义英文名：Keleyijs文件名称：jquery.keleyi.js插件功能：该插件可以让你轻易地在页面上构建一个向上弹出的二级菜单。支持浏览器：keleyi 0.1.4版本支持IE6以及以上、Chrome、火狐(Firefox)、欧朋(Opera)、Safari等浏览器，也支持IE6k... 阅读全文
posted @ 2015-12-03 15:24 十三月凉 阅读(753) 评论(0) 推荐(0) 编辑
仿京东树形菜单插件hovertree
摘要：hovertree是一个仿京东的树形菜单jquery插件，暂时有银色和绿色两种。官方网址：http://keleyi.com/jq/hovertree/欢迎下载使用查看绿色效果：http://keleyi.com/jq/hovertree/hovertreegreen.htm可以设置菜单宽度(wid... 阅读全文
posted @ 2015-12-03 15:20 十三月凉 阅读(752) 评论(0) 推荐(0) 编辑
ie6背景透明的设置方法 ie6背景颜色透明和png图像透明解决方法
摘要：IE6浏览器，让我们又爱又恨。爱它的是，可以让我们写的代码的时候，可以更标准，恨的是，它有太多无厘头的IE6常见bug，让我们焦头烂额。现在现在用百度浏览器调查，国内占有率不到6%了，但是，就怕碰到需要调兼容ie6的网站。其中，一个IE6常见问题就是IE6透明背景问题了。透明背景主要分背景颜色透明和... 阅读全文
posted @ 2015-12-03 11:25 十三月凉 阅读(382) 评论(0) 推荐(0) 编辑
css中的背景色渐变以及背景图的定位
摘要：单纯的背景色渐变：background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #fff), color-stop(1, #ddd)); background: linear-gradient(to bottom, #fff 0px,... 阅读全文
posted @ 2015-12-03 11:22 十三月凉 阅读(895) 评论(0) 推荐(0) 编辑
div内文字显示两行，多出的文字用省略号显示
摘要：用-webkit-私有属性，代码如下：text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box... 阅读全文
posted @ 2015-12-03 11:06 十三月凉 阅读(6943) 评论(0) 推荐(0) 编辑

上一页 1 2 3
/* 看板娘 */
点击右上角即可分享
微信分享提示