
HTMl
cmm113
这个作者很懒,什么都没留下…
展开
-
CSS百分比定义高度为什么没有效果
当我们给块级元素设置响应式高度的时候,例如给div设置height=50%,往往没能看到效果。 原因是百分比的大小是相对其父级元素宽高的大小,如最外层元素设置的百分比是对应屏幕而言的。 需要了解的是对于宽度来说,其父级元素无须确定宽度就能设置百分比,例如我们可以利用这个特性给未知宽度的块级元素设置水平居中效果: 父元素css: position: relative/absolute;转载 2015-06-19 14:38:08 · 2181 阅读 · 0 评论 -
CSS Font-Size: em、px 、pt 、Percent之间的关系及换算
一、基础介绍 1、“Ems”: em,大小不固定 ,成为相对单位(body则相对浏览器的默认字体设置,子集相对父级), 浏览器默认设置字体大小为16px , 则1em = 16px , 且其可扩展,2em = 32px , 目前常用的字体大小px换算成em ,16px = 1em; 14px = 0.875em; 12px = 0.75em; 10px = 0.625em 2、“P转载 2015-06-19 14:34:45 · 773 阅读 · 0 评论 -
jQuery,javascript获得网页的高度和宽度
一、javascript网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: doc转载 2015-06-24 16:31:11 · 397 阅读 · 0 评论 -
实现html锚点的两种方式
1,a标签+name属性;2,使用标签的id属性;原创 2015-06-05 17:45:23 · 934 阅读 · 0 评论 -
点击小图片显示相应的大图片的js的实现
原创 2015-08-07 16:39:29 · 3020 阅读 · 0 评论 -
图片预览功能的简单实现
原创 2015-08-07 16:41:51 · 533 阅读 · 0 评论 -
手机横屏下,输入框输入时被系统键盘遮挡处理方法
$('input').bind('click',function(e){ var $this = $(this); e.preventDefault(); setTimeout(function(){ $(window).scrollTop($this.offset().top - 10); },200)})转载 2015-08-25 17:32:42 · 3508 阅读 · 0 评论 -
网站性能性能调优总结
CSS 的性能优化:Style 标签的相关调优特殊的 CSS 样式使用方式CSS 缩写(color,上下左右合并等)CSS 的声明(页面上的 class 在全局范围内来讲应该是唯一的,用唯一的 Class 名称来定位一个节点往往比组合定位更加快捷。样式与元素的分离,两者独立维护)CSS 选择器(id选择器效率最高,其他子选择器,匹配都会减慢速度)(child,不用太泛的原创 2015-08-26 17:36:05 · 875 阅读 · 0 评论 -
iframe自适应高度完美版解决DOM元素高度变化问题
通常做后台的时候,都喜欢用框架,在用frameset的时候,把系统分为左右两块,或者上左右两块不会出现自动高的情况,如果使用了iframe,就要碰上iframe自动高的问题,这不,我现在就折腾上了,可把哥给累着了! 网上搜索”iframe自动高”会有很多的解决方案,我试了很多,但都存在问题,大多只解决了iframe加载完后的静态内容实现的自动高,iframe加载完后,对DOM操作,转载 2015-10-16 10:04:17 · 9359 阅读 · 1 评论 -
网页中的相对路径概述
css html 网站相对路径 网站部署路径问题原创 2015-12-01 09:19:03 · 958 阅读 · 0 评论 -
user-select浏览器选择文字设置
user-select有两个值: none:用户不能选择文本 text:用户可以选择文本 需要注意的是:user-select并不是一个W3C的CSS标准属性,浏览器支持的不完整,需要对每种浏览器进行调整 代码如下:body{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/转载 2015-06-19 11:12:29 · 1285 阅读 · 0 评论 -
等比例显示图片的大小,宽高自适应
图片 自适应 自动宽高原创 2015-01-20 10:24:00 · 1354 阅读 · 1 评论 -
css文字描述,换行,省略号的一般设置
css 文字描述 文字溢出 省略号原创 2015-01-20 10:36:28 · 1126 阅读 · 0 评论 -
网站设计
http://www.cnblogs.com/lhb25/archive/2012/08/03/5-creative-html5-and-css3-templates.html原创 2014-02-28 16:41:05 · 530 阅读 · 0 评论 -
网站建设案例
http://www.jianet.cn/wangzhananli/hsfo_2.shtml原创 2014-02-28 16:52:30 · 767 阅读 · 0 评论 -
Atom 炫酷插件安装方法
效果图:Atom 是由github推出的一个编辑器,类似的还有如历史悠久的 VIM、Emacs 以及如今当红的SublimeText。另外还有 EditPlus、NotePad++、UltraEdit、visual studio Code等一大堆流行的利器。Atom的下载地址:https://github.com/atom/atom/releases/tag/v1.2.原创 2015-12-02 15:24:59 · 21135 阅读 · 4 评论