02 2017 档案
javascript 反斜杠\
摘要:通常,我们在动态给定一个div的innerHTML时,通常是样做的: 用法1: 请看下面的例子: 比上面的简单一点儿 用法2 : str中双引号的转义(\" 标示双引号) \a 响铃(BEL) 007\b 退格(BS) 008\f 换页(FF) 012\n 换行(LF) 010\r 回车(CR) 0 阅读全文
posted @ 2017-02-28 16:39 半夏微澜ぺ 阅读(1829) 评论(0) 推荐(0) 编辑
css content
摘要:before after demo 1 添加描述信息 2 也可以显示元素的某些属性 注意:当使用attr()获取标签属性名的时候,千万不要添加引号! 3 使用计数器创建号码内容 4 为多语言内容插入正确的引号 不同的语言使用不同的引号字符。比如英文的引号就是"",而中文引号就是“”。使用conten 阅读全文
posted @ 2017-02-23 11:55 半夏微澜ぺ 阅读(199) 评论(0) 推荐(0) 编辑
清除浮动的方法总结
摘要:具有主动包裹性的元素可以清除内部元素浮动造成的影响 具有主动包裹性的元素有:inline-block absolute float属性的元素 被动包裹性的元素:overflow zoom(IE6/7 zoom有包裹性,IE8没有)(也可以清除内部元素造成的影响) 但是IE6对overflow属性的理 阅读全文
posted @ 2017-02-22 10:52 半夏微澜ぺ 阅读(166) 评论(0) 推荐(0) 编辑
body和html
摘要:1 关于html和body的背景颜色的一些变现 当给body设置背景颜色时(html没有背景颜色),这时body被当做根节点被浏览器俘获,浏览器界面的背景颜色就为body的background颜色;当html设置背景颜色时,这html被当做根节点被浏览器俘获,浏览器界面的背景颜色就为html的bac 阅读全文
posted @ 2017-02-20 14:59 半夏微澜ぺ 阅读(300) 评论(0) 推荐(0) 编辑
css 实现元素四角图片样式,元素的大小不定
摘要:demo 效果 css html 素材: 简化背景图片 效果 css html 总结来自:http://www.zhangxinxu.com/wordpress/2009/09/%E6%90%9C%E7%8B%90%E7%99%BD%E7%A4%BE%E4%BC%9Apopup%E5%AF%B9%E 阅读全文
posted @ 2017-02-09 14:26 半夏微澜ぺ 阅读(1701) 评论(0) 推荐(0) 编辑
实现多行为本垂直居中
摘要:方法总结: 高度固定,内部文字不定,实现文字垂直居中 1 使用table html css 2 使用display:table html css 3 利用line-height实现多行文本垂直居中 html css 高度不固定实现多行文本垂直居中 html css 阅读全文
posted @ 2017-02-08 16:46 半夏微澜ぺ 阅读(213) 评论(0) 推荐(0) 编辑
实现表单元素与文字的居中对齐
摘要:五种解决方案,有三个方案没有使用任何hack,且IE6,IE7,Firefox,chrome浏览器下表现都很好的,有一种方案使用了一个IE hack,但成本较低,各个浏览器表现良好。还有一种方案,代码成本很低,但在chrome浏览器下文字稍微偏上,使用input类型选择器,或chrome hack可 阅读全文
posted @ 2017-02-08 11:29 半夏微澜ぺ 阅读(1357) 评论(0) 推荐(0) 编辑
charCode 表示空格 实现中文对齐
摘要:                中文字体都是等宽的,一个全角空格的宽度就是一个普通中文的宽度。所以,上面的demo中 空格换成全角空格也是可以滴! 但是,我们不能直接在页面中打全角空格,因为在大多数编辑 阅读全文
posted @ 2017-02-07 11:38 半夏微澜ぺ 阅读(717) 评论(0) 推荐(0) 编辑
css3 vw -----解决页面滚动出现跳动的bug
摘要:100vw相对于浏览器的window.innerWidth,是浏览器的内部宽度,注意,滚动条宽度也计算在内!而100%是可用宽度,是不含滚动条的宽度。 demo: 如果视口的宽度是200mm,那么上述代码中h1元素的字号将为16mm,即200/100*8mm CSS3计算calc和vw单位巧妙实现滚 阅读全文
posted @ 2017-02-07 11:05 半夏微澜ぺ 阅读(1587) 评论(0) 推荐(0) 编辑
css计数器
摘要:css 计数器是css3,只在现代浏览器中有效果counter-reset:设置某个选择器出现次数的计数器的值。默认为 0。 就是定义一个计数器,可以定义初始值,默认是0 counter-increment:设置某个选取器每次出现的计数器增量。默认增量是 1。 demo css 实现计数和 css 阅读全文
posted @ 2017-02-07 10:19 半夏微澜ぺ 阅读(167) 评论(0) 推荐(0) 编辑
【position】
摘要:background-position 定位的position的区别 background-position 相对的位置是(容器的宽度-子元素的宽度) 当子元素的宽度大于容器的宽度 position:absolute 相对的位置是(容器的宽度) 阅读全文
posted @ 2017-02-06 10:56 半夏微澜ぺ 阅读(128) 评论(0) 推荐(0) 编辑