html/css
代号陈
我写文章主要是为了记笔记,错漏之处肯定有不少,还请大家指出
展开
-
输入框里面字母大写转小写
输入框里面字母大写转小写相信大家都试过,填写表单的时候,无论怎么敲,在输入框里面显示的都是大写字母。下面我们就来说说它是怎么实现的。一 js 方式 二 css 方式① text-transform: uppercase /*转为大写*/② text-transform: lowercase /*转为小写*/③ text-transform: capitalize /原创 2014-03-08 08:40:38 · 1224 阅读 · 0 评论 -
html标签默认属性值之margin;padding值
html标签默认属性值之margin;padding值一.h1~h6标签:有默认margin(top,bottom且相同)值,没有默认padding值。在chrome中:16,15,14,16,17,19;在firefox中:16,15,14,16,17,20;在safari中:16,15,14,16,17,19;在opera中:16,15,转载 2014-05-13 16:48:45 · 5494 阅读 · 0 评论 -
全局 CSS
每次开发网站的时候,我都会建一个公用的原创 2014-05-08 18:45:18 · 788 阅读 · 0 评论 -
页面编码的问题-关于HTTP头应该放哪里
HTTP头原创 2014-04-22 17:26:36 · 591 阅读 · 0 评论 -
XML的换行问题
敲代码的时候,换行是个好习惯原创 2014-04-22 08:55:58 · 17930 阅读 · 1 评论 -
纯CSS 实现三角形图标
每天发现新大陆,今天做一个按钮的三角形图标,原先我都是用图片做的。今天才发现我之前真是太可爱了,原来这是可以用几句非常异常简单的 CSS 代码实现的。效果如图: 代码有两块,如下: #buyCountbtn span { margin-top: 7px; display: inline-block; wid原创 2014-04-01 17:37:17 · 1088 阅读 · 0 评论 -
CSS 控制最小最大高度宽度
#content #share .share_item dl.share_item_sub dd.discuss { min-height: 34px; /*(解决ie8.9.ff.chrome)*/ height: auto!important; _height: 34px; /*(解决ie6) ie6超出自动溢出 */ padding: 3px;转载 2014-04-01 09:20:31 · 1152 阅读 · 0 评论 -
移动平台前端开发总结(针对iphone,Android等手机)
移动平台前端开发是指针对高端智能手机(如Iphone、Android)做站点适配也就是WebApp,并非是针对普通手机开发Wap 2.0,所以在阅读本篇文章以前,你需要对webkit内核的浏览器有一定的了解,需要对HTML5和CSS3有一定的了解。1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用 (1)转载 2014-03-09 16:25:41 · 1556 阅读 · 0 评论 -
自适应网页设计(Responsive Web Design)
自适应网页设计(Responsive Web Design)作者: 阮一峰日期: 2012年5月 1日随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以转载 2014-03-09 15:54:37 · 748 阅读 · 0 评论 -
textarea 自动适应高度
textarea 自动适应高度 #########################################################################################$("textarea").each(function() { $(this).css("height",$(this).attr("scrollHei转载 2014-03-08 13:55:33 · 999 阅读 · 0 评论 -
网页完美居中方案
网页完美居中方案一般,我都是用 margin: 0 auto; 加固定宽度来做这个网页居中的,不过这种方式在ie6以下不支持。下面介绍的这种方式,听说比较好#container{ background:#ffcurl(mid.jpg)repeat-ycenter; position:absolute; left:50%; width:760px; margin-left:-380px; }原创 2014-03-08 09:17:13 · 850 阅读 · 0 评论 -
如何知道自己的网站是否符合W3C标准
如何知道自己的网站是否符合W3C标准检验:如何知道自己的手机网站(如:wap.csxdf.com)是正确的格式,用W3C的程序检验一下就知道了。http://validator.w3.org/ 输入网址测试后,如果是红字,底下会注明你页面里面哪些有错误。如果是绿字,恭喜你,你的页面就是纯粹的合格的XHTML网站。转载 2014-03-08 09:12:41 · 1276 阅读 · 0 评论 -
页面刷新与 iframe 重载
众所周知,有用到浮动框架标签 iframe 的页面,在刷新的时候都是比较诡异的。不知道的人可能以为它只是刷新 iframe 里面的内容,其实 iframe 外面它也是会刷新的。我用 alert() 在 iframe 外面测试过。不过,它却不刷新 iframe 的 src 。我想要的效果是,页面刷新后,iframe 里面的内容也回复到页面第一次加载的时候,就是 iframe 的 src 变回最原创 2014-03-31 21:01:54 · 3507 阅读 · 0 评论