- 博客(36)
- 收藏
- 关注
原创 图片浏览器加载情况
1.图片 正常显示一张图片 加载 display: none; 加载 visibility: hidden; 加载 img父元素定义visibility: hidden;或display: none; 加载2.背景图片 未用到的类定义背景图 加载 背景加visibility: hidden;或display:no
2017-08-29 08:51:17
333
转载 响应式Web设计(HTML5和CSS3)工具集
响应式设计的开篇之作:http://www.alistapart.com/articles/responsive-web-design/响应式图片方案:http://filamentgroup.com/lab/responsiveimagesexperimentingwithcontextawareimage_sizing/自适应图片方案:http://adaptive-image
2015-08-28 09:26:43
789
转载 HTML页面加载和解析流程
1.浏览器加载和渲染html的顺序1、IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的。2、在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(并不是说所有相关联的元素都已经下载完)3、如果遇到语义解释性的标签嵌入文件(JS脚本,CSS样式),那么此时IE的下载过程会启用单独连接进行下载。4、并且在下载后进行解析,解析过程中,停止页面所
2015-08-06 15:01:49
1576
转载 移动端页面默认样式重置
1.-webkit-tap-highlight-color-webkit-tap-highlight-color:rgba(0,0,0,0);//透明度设置为0,去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android)-webkit-tap-highlight-color:rgba(255,0,0,0.5); //利用此属性,设置touch时链接区域高
2015-08-06 15:00:04
2123
转载 移动web开发细节处理
1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注:transparent的属性值在android下无效。2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影,解决iOS下无法修改按钮样式,测试还发现一个小问题就是,加了上面的属性后,iOS下默认还是带有
2015-08-06 14:54:22
382
转载 Meta标签中的format-detection属性及含义
format-detection翻译成中文的意思是“格式检测”,顾名思义,它是用来检测html里的一些格式的,那关于meta的format-detection属性主要是有以下几个设置:meta name="format-detection" content="telephone=no"meta name="format-detection" content="email=no"me
2015-08-06 14:45:17
779
转载 CSS自定义滚动条样式与颜色
滚动条样式一般情况我们都是使用默认的,但用在设计创意类网站可能滚动条样式都需要重新定义了,下面我来介绍CSS自定义滚动条样式与颜色方法。IE的专有属性:
2014-11-11 10:57:54
1090
转载 html中的电话号码
1. 打电话在android的浏览器中,如果电话号码是 XXX-XXX-XXXX的型式的话,用户点击的时候,拨号面板会激活,但是如果不是这一特定的格式,那么拨号功能是不会启动的。其实可以通过链接的方式激活拨号面板。(1) IPhone的写法[phone_number] 就是电话号码了
2014-05-28 09:13:24
3509
转载 关于响应式设计的三个理念
响应式设计(Responsive Design)无疑是当下最受关注的行业话题之一。所谓响应式设计,实质是网页设计的一种方法,基于CSS3的媒介查询特性使得网页适应不同设备,即根据设备的分辨率和缩放自动重新布局使网页适应各种不同的屏幕尺寸。随着越来越多的用户使用平板电脑和智能手机设备访问互联网,响应式设计这个概念空前白热化。对于开发人员来说,做好响应式设计的一个关键就是事先设想到他们的信息可能会以哪
2014-05-13 20:32:02
967
转载 15个jQueryMobile代码片段
1、在列表项和按钮上禁用文本截断 如果你的列表项或者按钮上是一个很长的文本,它将会被jQuery Mobile自动截断,要禁用这个截断设置,需要在CSS选择器上添加属性"white-space:normal"。例如,在按钮禁止截断: .ui-btn-text{ white-space:normal; } 在列表项上禁止截断:
2014-05-11 12:02:17
645
转载 jQuery Mobile页面跳转后未加载外部JS原因分析及解决
在使用jQuery Mobile进行Web开发中,当页面跳转时(pageA => pageB),在pageB中引用的JS并未成功运行。因为,JQM并为将整个页面加载到当前的dom中,仅将data-role="page"元素加入当前的dom中。因此,在中引入的外部JS文件,以及标签外的JS均不能正常运行,刷新页面后方可加载成功。 鉴于JQM这个特性不太可能主动更改,可以用两种方法来解
2014-05-10 20:51:47
587
转载 邮件HTML(EDM)
《邮件HTML(EDM)制作要注意的几点》前阵子做了一个EDM,第一次做也没什么参考的,公司倒是有一些标准,但也是从网上来的吧。简单地总结一下吧:最好用Table和CSS,这样兼容比较好。什么Div,Span就少用了,甚至不用。其他的也没有什么要注意的了:A.针对公司邮箱:页面最好以文字内容为主;针对ISP邮箱:页面最好以图片为主; B.不要使用“的CSS定位”的布局,因电子邮件不
2013-09-23 10:50:29
2168
原创 九宫图代码
代码一: dslkfa slkf; kd dfk aslkfd aslkf aklsd aklsdf j kfdjkdsaf sdkfa d 代码二:
2013-08-07 16:10:47
745
原创 最美应用--收音机
推荐:蜻蜓.FM (免费无广告)官方网站:http://qingting.fm/应用图标:功能介绍:http://qingting.fm/aboutus.html应用截图:----------------------------------其它:收音机 iRadio(付费)应用图标:应用截图:咕咕收音机(免
2013-08-07 09:46:28
1227
转载 常见编码格式
中文编码主要有以下四种: GB2312:简体中文编码,一个汉字占用2字节,在大陆是主要编码方式。当文章/网页中包含繁体中文、日文、韩文等等时,这些内容可能无法被正确编码。 BIG5:繁体中文编码。主要在台湾地区采用。 GBK:支持简体及繁体中文,但对他国非拉丁字母语言还是有问题。 UTF-8:Unicode编码的一种。Unicode用一些基本的保留字符制定了三套编码
2013-07-22 10:28:03
485
转载 各浏览器模拟手机浏览器的方法
很多网站都通过User-Agent来判断浏览器类型,如果是3G手机,显示手机页面内容,如果是普通浏览器,显示普通网页内容。 谷歌Chrome浏览器,可以很方便地用来当3G手机模拟器。在Windows的【开始】-->【运行】中输入以下命令,启动谷歌浏览器,即可模拟相应手机的浏览器去访问3G手机网页: 谷歌Android:chrome.exe --user-agent="Mozil
2013-07-19 14:21:20
4286
转载 大型网站css样式命名和应用原则
1. CSS属性应用原则。原则1:首页DIV最小块级单位须设置高度;子页可能添加资料的DIV块不应设置高度;原则2:css 样式继承关系必须控制在三层以内;原则3: 对于浮动所产生的IE6BUG,在全局样式里面应定义.clear{clear:both;height;0px;overflow: hidden;}原则 4:所有页面文件的编码格式统一为:UTF-8; 2.
2013-07-04 11:16:26
969
原创 字体汇总
一 字体转换1. 在线转换(许多字体因版权问题无法转换)2. 简化的 web 字体(关于 Web 开放字体格式 WOFF)3. 将TTF格式文字转换成eot格式4. 免费转换字体格式:支持的格式有 ttf otf fon pfb dfont afm5. 在线字体转换(推荐,需挂代理)6. Webfont Converter/Generator Ware(WOFF Conve
2013-06-28 15:49:27
839
转载 base64汇总
1.baidu关于base64的介绍2.在线 转换工具 # 图片转换Base64,无线开发、HTML5、CSS3必备的工具 # 支持 PNG、GIF、JPG、BMP、ICO 格式3. 在线转换工具2(直接将桌面图片拖到页面中)5. 转换软件4 《小tip: base64:URL背景图片与web页面性能优化》5. 《data:image/png;base64有什
2013-06-28 14:52:03
577
原创 iphone Safari浏览器地址栏“阅读器”
按钮会根据页面的内容有时出现有时不出现。一般的规律是会找于是页面的H标题及后面的内容显示显示出来出现“阅读器”的规则是什么呢?本想希望用最简单测试发现其中的规律确没成功。比如只简单写上标题后加段落,这种情况不会出现“阅读器”。在效果图中的列表中是ul中嵌入了ol ,如果是嵌入了ul同样也不会出现“阅读器”。这个“阅读器”功能很不错,可是找不到相关的规律。大概是要有一个标准的语义。是
2013-06-28 10:52:43
914
原创 技术资料
一 各浏览器的私有属性及css支持情况1. Mozilla CSS Extensions2. CSS Compatibility and Internet Explorer3. WebKit CSS Styles4. Opera 9 CSS support二 技术文档1. W3C CSS 验证服务 中文2. HTML验证服务3. Document(含
2013-06-27 14:33:07
839
1
转载 介绍27款经典的CSS框架
利用 CSS 框架,可以简化你的工作,提高工作效率。CSS 框架是一系列 CSS 文件的集合体,包含了基本的元素重置,页面排版、网格布局、表单样式、通用规则等代码块。下面给你推荐了27款优秀的CSS框架,你可以选用。1. 960gs960 像素的页面宽度似乎成为了一种设计标准,在当前各种分辨率下,能够很好地展现网页内容。提供较为常用的尺寸来简化网页设计过程,使工作简单高效。2.
2013-06-27 13:51:05
729
转载 如何在Dreamweaver编辑和搜索非标准扩展名的文件?
工程师在开发的过程中,有时会用到ini文件来保存语言等字符串信息,会把扩展名改为do/action等其它格式,这就遇到非标准的文件扩展名是用DreamWeaver打不开也不方便操作的。如何能让DreamWeaver打开扩展名为do/action的文件,并以asp/php的颜色方案来显示,同时在其中进行搜索替换等操作呢?设置步骤如下:1. 修改 Extensions.txt 文件,有两处,分
2013-06-27 13:31:13
705
原创 几种接触过的前端框架
一种 动态 样式 语言.LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算, 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox),也可以借助Node.js或者Rhino在服务端运行。中文版:http://www.lesscss.net/Bootstrap简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。
2013-06-27 13:26:57
1396
转载 iPhone/android的viewport 解决网页自动缩放的问题
viewport有如下几个属性:width设置viewport的宽度,即iphone最初模拟PC浏览器的宽度,之后iphone会这个宽度展现的页面同比缩放到iphone屏幕上。设置width=device-width后就不会再进行缩放了,因为宽度正好和iphone的宽度相同(前提是没有设置缩放比例)。minimum-scale和maximum-scale 是控制用户允许设置的缩放比例的。
2013-06-27 11:08:57
1996
原创 Chrome 文字最小限制方法失效问题。
从前常用-webkit-text-size-adjust: none;现在最新版Chrome 不支持这个属性了。(Safari支持)Chrome支持这个属性间接解决了文字最小问题,好象仅有Chrome中文版有文字最小限制问题)如果是用户只能更改浏览器高级设置里的选项(默认是12px,改成11px或更小)。用CSS应该如何解决呢。有人说transfom 如果只是对一小段文字还
2013-06-26 14:53:49
1223
2
原创 表单2
[img]http://dl.iteye.com/upload/attachment/361171/c08fe9a1-38df-3a3d-b98d-417e74891988.png[/img]This is a tableless CSS form which you can use as a template for implementing your own lightweight for...
2010-12-05 16:12:08
72
原创 表单1
[img]http://dl.iteye.com/upload/attachment/361159/a42f7b4f-e168-3c5a-bcfa-39eab0425baa.png[/img]This is an elegant tableless CSS form template with a decidedly corporate look and feel. The most co...
2010-12-05 15:32:22
104
原创 向页面写入一句话
helloworld! document.write("hello world!"); function insertParagraph(text){ var str = "<p>"; str += text; str += "</p>"; document.write(str);}insertParagraph("hello wor...
2010-09-16 07:58:09
246
javascript弹出窗口
function prepareLink(){ if(!document.getElementsByTagName) return false; var links = document.getElementsByTagName("a"); for (var i=0; i<links.length; i++){ if (links[i].getAttribute("class"...
2008-03-18 15:08:39
99
IE中绝对定位cursor样式失效
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv
2008-03-06 10:36:14
681
Web开发中的JavaScript设计艺术[CSDN技术聊天]
嘉宾[刘如鸿]: 《msdn开发精选》将一如既往地为您呈现精彩的技术聊天,如果大家对于杂志和我们的活动有什么意见和建议,欢迎和我联系,我的email:liurh@csdn.net,再一次谢谢大家的参与 [2005-1-27 15:34:00] 问:不再try {}catch()块里面 throw语句有效嘛?[2005-1-27 15:34:00] 嘉宾[万常华]: 有效,如果执行域中没有catch...
2008-02-26 10:02:56
163
onload自定义函数的六种写法
第一种方法: function addfunction(){ ...}<body onload="addfunction()"> 第二种方法:window.onload = addfunction;function addfunction(){ ...} 第三种方法:window.onload = function(){ firstFunction(); secondF...
2008-02-25 11:00:36
1531
javasctipt实用代码范例
1.右侧对联广告,随滚动条居顶一定距离;window.onscroll = function (){ var oWatermark = document.getElementById("divWatermark"); oWatermark.style.top = document.documentElement.scrollTop+100+"px"; //oWatermark.style.t...
2008-02-03 10:49:26
152
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人