热门文章 转:px,pt,em换算表

时间:2017-6-12   作者:漫游   分类: HTML5网站开发   热度:1548°  评论:0  
时间:2017-6-12   分类: HTML5网站开发    热度:1548°  评论:0
pt (point,磅):是一个物理长度单位,指的是72分之一英寸。 px (pixel,像素):是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果px要换算成物理长度,需要指定精度DPI(Dots Per Inch,每英寸像素数),在扫描打印时一般都有DPI可选。Windows系统默认是96dpi,Apple系统默认是72dpi。 em(相对长度单位,相对于当前对象内文本的字体尺寸):是一个相对长度单位,最初是指字母M的宽度,故名em。现指的是字符宽度的倍数,用...

阅读全文>>

热门文章 转:px、em、rem区别介绍

时间:2017-6-12   作者:漫游   分类: HTML5网站开发   热度:1488°  评论:0  
时间:2017-6-12   分类: HTML5网站开发    热度:1488°  评论:0
PX px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 PX特点 1. IE无法调整那些使用px作为单位的字体大小; 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位; 3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。 EM em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前...

阅读全文>>

热门文章 鼠标指针.cur.ani导出与制作

时间:2017-5-15   作者:漫游   分类: HTML5网站开发   热度:5299°  评论:0  
时间:2017-5-15   分类: HTML5网站开发    热度:5299°  评论:0
最近工作上有一个需求,就是模仿windows照片浏览器的拖动图片时的鼠标指针,即平时的手形状和按住鼠标的手抓形状。 一、最初我想截图后PS里抠出来,但马上发现截图不能截鼠标,百度后知道要装别的软件,不想装。 二、然后打算自己画,又发现ps不能导出.cur,百度后知道有插件,但只支持cs6,而我的是cc,不想装回cs6。 三、无奈,只能找鼠标制作软件,不装不行了。     1、找了一款ArtCursors的小软件,虽然只有30天试...

阅读全文>>

热门文章 转载:五款前端开发编辑器测评

时间:2017-5-8   作者:漫游   分类: HTML5网站开发   热度:3703°  评论:0  
时间:2017-5-8   分类: HTML5网站开发    热度:3703°  评论:0
知乎 王德福 前言 后端程序员们常常会争论“什么是最好的语言”,而对于前端来说,我们没有选择,无论爱与恨,我们只能选择 JavaScript 。所以前端日常的争论就变成了“什么是最好的框架”以及“什么是最好的编辑器” 。 所谓工欲善其事,必先利其器。对于前端来说,编辑器是除了chrome浏览器以外,每天打开时间最长的软件。选择一款功能强大又趁手的工具,可以让开发效率提升,达到事半功倍的效果。 测评名单 选择进...

阅读全文>>

热门文章 css伪类选择器nth-child无效问题

时间:2016-11-18   作者:漫游   分类: HTML5网站开发   热度:3529°  评论:0  
时间:2016-11-18   分类: HTML5网站开发    热度:3529°  评论:0
今天用css的伪类选择器nth-child(n),发现只有奇偶形式有效,指定第几个却不行,百思不得其解的情况下,偶然发现了原来还有nth-of-type这个,才是我想要用的,直接上网址:http://www.zhangxinxu.com/wordpress/?p=1709 在父容器div下的各子元素,如果是混合类型的情况下,要指定其中某一类元素的第几个,那就要用nth-of-type(n); 例如: <div> <a></a>...

阅读全文>>

热门文章 转:移动页面自适应手机屏幕宽度

时间:2014-9-19   作者:漫游   分类: HTML5网站开发   热度:2856°  评论:0  
时间:2014-9-19   分类: HTML5网站开发    热度:2856°  评论:0
   网上关于这方面的文章有很多,重复的东西本文不再赘述,仅提供思路,并解释一些其他文章讲述模糊的地方。 1、使用meta标签,这也是普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。 首先解释该标签的含义: <meta name="viewport" content="width=device-width...

阅读全文>>

热门文章 输入框自适应高度的纯css及jQuery共2种解决方案

时间:2013-3-2   作者:漫游   分类: HTML5网站开发   热度:12016°  评论:0  
时间:2013-3-2   分类: HTML5网站开发    热度:12016°  评论:0

在实际应用中,有时会因页面布局位置及数据量原因,表单的输入框(<input type="text">)会出现显示不全内容的情况。例如输入框定义了10个字符宽度,但里面的文本却有30个字,那么超出部分就会被挡住,需要光标后移才看到。

解决办法这里说3种:


html页面代码为:
<input type="text" name="note" size="10" value="">


第一种思路是改变输入框的高度,首先要把input换成textarea,通过焦点的focus和blur来触发JS,改变输入框的高度rows值。
h...

阅读全文>>

热门文章 转载:适应各种终端设备的自适应网页设计

时间:2012-10-22   作者:漫游   分类: HTML5网站开发   热度:2959°  评论:0  
时间:2012-10-22   分类: HTML5网站开发    热度:2959°  评论:0

现在上网不再仅限于电脑,各种移动设备如手机平板等正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?

 

自适应网页设计

手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。

很多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone / iPad版本。这样做固然保证了效果,但是比较麻烦,同时要...

阅读全文>>

热门文章 div垂直居中 多浏览器兼容

时间:2012-9-6   作者:漫游   分类: HTML5网站开发   热度:3071°  评论:0  
时间:2012-9-6   分类: HTML5网站开发    热度:3071°  评论:0
div垂直居中是个老生常谈的问题,百度一下回复很多,这里提供其中一个简单的办法,多浏览器测试通过,适用于单独的页面,如登录页:
<div style="position: absolute; top: 50%; margin-top:-200px; height:400px; left:50%; margin-left:-250px; width:500px;">
内容
</div>

阅读全文>>

热门文章 转:效果出色的一些CSS3图片样式

时间:2012-9-2   作者:漫游   分类: HTML5网站开发   热度:2862°  评论:0  
时间:2012-9-2   分类: HTML5网站开发    热度:2862°  评论:0


直接在图片元素上直接应用CSS3 inset box-shadow 或 border-radius时,浏览器并不能完美的渲染它们。不过,如果把这个图片用作背景图,你就可以可以给它添加任何样式了,浏览器也会很好地渲染。Darcy Clarke和我做了一个简单的教程,讲解如何使用jQuery来动态地制作完美的圆角图片。今天我将重温这个主题然后向你展示使用background-image的方法可以实现多少效果。我将向你展示如何使用box-shadow、border-radius...

阅读全文>>

返回顶部    首页    手机版本   
版权所有:漫游的备忘录    站长: 漫游    模板基于:博闻广记 v1.2   程序:emlog