html
mmww1024
这个作者很懒,什么都没留下…
展开
-
网格布局技巧
类的组合VS子选择器类的组合<style type="text/CSS">.fl{float:left}.fr{float:right}.content{clear:both}.header{}.footer{clear:both}.sidebar{}.main{}.w25{width:25%}.w70{width:70%}....原创 2012-10-16 10:37:20 · 102 阅读 · 0 评论 -
for与id的关系
<label></label>中有个属性for可以,聚焦到相应id的<input/>但如果一个label对应两个input,就得分别写两个<label>,否则,光标就会自动跳转到和for相同的id上去...原创 2012-09-06 14:53:21 · 860 阅读 · 0 评论 -
语义化标签应注意的问题
为了保证网页去除样式后的可读性,并符合web标准,应注意:1.尽可能少地使用无语义标签div和span;2.在语义不明显,即可用p也可用div的地方,尽量用p,因为p默认情况下有上下间距,去样式后的可读性更好,对兼容特殊终端有利。3.不要使用纯样式标签,如b,font,u等,改用CSS设置。语义上需要强调的文本可以包在strong或em标签里,strong和em有‘...原创 2012-10-10 10:49:55 · 183 阅读 · 0 评论 -
低权重原则——避免滥用子选择器
1.权重规则1'.html标签的权重是12'.class的权重是103'.id的权重是100*注:a.如果CSS选择符权重相同,那么样式会遵循就近原则,哪个选择符最后定义,就采用哪个选择符的样式。 b.“就近原则”是指选择符定义的先后顺序,而不是挂class名的先后顺序,<span class="test test2">和<span cla...原创 2012-10-11 10:55:02 · 75 阅读 · 0 评论 -
a标签排序
love hate原则:l(link)ov(visited)e h(hover)a(active)te原创 2012-10-12 13:37:42 · 208 阅读 · 0 评论 -
html居中
1.水平居中a.行内元素的水平居中;给父元素设定text-align:center;b.定宽的块级元素的水平居中;给其设定margin:0px auto;c.不定宽的块级元素的水平居中;1.用table标签,设其为margin:0px auto;2.变块级元素为行内元素,3.设父元素为:float:left;position:relative;left:50%; ...原创 2012-10-15 17:22:17 · 91 阅读 · 0 评论 -
设置flash的显示模式
wmode属性,用于指定窗口模式,其值有window(窗口),opaque(非窗口不透明),transparent(非窗口透明)三种。默认为窗口模式显示。窗口类型优先于非窗口类型的元素,显示在页面最顶端,如果同属于非窗口类型的,才回去判断z-index的大小。所以要想让flash元素在其他元素下面,就要将其设置为非窗口类型opaque或transparent。eg:<ob...原创 2012-10-15 18:13:55 · 252 阅读 · 0 评论 -
浏览器表现模式(Standards Mode与Quirks mode)
浏览器从服务端获取网页后会根据文档的DOCTYPE定义显示网页,如果文档正确定义了DOCTYPE浏览器则会进入标准模式(Standards Mode),否则浏览器会进入怪异模式或混杂模式(Quirks mode)。 浏览器开发初期W3C倡导的网页标准并不流行,因此浏览器有独特的对网页标签或属性的解析模式,随着日后网页标准的流行,浏览器增加了对 新标准的支持(S...原创 2013-02-26 16:19:36 · 255 阅读 · 0 评论 -
中文字体网页开发指南【转】
作者: 阮一峰日期: 2014年7月15日字体的选择,是网页开发的关键因素之一。合适的字体,对网页的美观度(或可读性)有着举足轻重的影响。但是,相比英文字体,中文字体的网页开发有着极大的局限性。因为,一套中文字体最少也要有几千个字符,体积为几个MB;单单为了浏览网页,开发者不可能让用户去下载字体,只能依靠操作系统的预装字体。(*注:确实有网站提供中文字体的...原创 2016-07-06 15:47:30 · 105 阅读 · 0 评论 -
checkbox模仿radio
<html><head><meta charset="UTF-8"><title>checkbox模拟radio</title><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1原创 2012-09-03 16:01:49 · 122 阅读 · 0 评论 -
IMG sprites 与CSS sprites
看了这篇文章http://www.cnblogs.com/radom/archive/2011/05/18/2050202.html收获不少,现总结如下:浏览器的加载顺序是先加载html标签,后加载css,所以对于比较重要的图片内容,用img比较好基于对特殊人群的考虑,导航等重要信息,必须要用img来写,也就是说要用IMG sprites整合图片...原创 2012-08-31 11:43:38 · 143 阅读 · 0 评论 -
css中导入样式表和外链接样式表区别
1. link标签是属于xhtml范畴,而@import则是css2.1中特有的。link标签除了可以加载CSS外,还可以做很多其它的事情,比如定义RSS,定义rel连接属性等,@import就只能加载CSS了。 2. 加载的顺序的区别,link加载的css时,是一种并行(没有尝试是否是这样)加载CSS方式,而@import则在整个页面加载完成后才加载。3. 兼容性的区别,因@impo...原创 2012-08-30 10:40:07 · 243 阅读 · 0 评论 -
何时用img
当你使用标签时,如果满足以下条件,那么请你不要再使用它了:1 图片内容或路径不是动态生成的.2 图片的作用类似图标,给用户操作提示3 图片的作用只是起到装饰作用(做页面修饰) ...原创 2012-06-13 15:54:39 · 57 阅读 · 0 评论 -
HTML规范 - 整体结构
Html基础设施<!DOCTYPE html><html><head><meta charset="utf-8"/><title>NEC:更好的CSS方案</title><meta name="keywords" content=""/&am原创 2013-04-08 17:01:23 · 83 阅读 · 0 评论 -
Html中常用实体
以实体代替与HTML语法相同的字符,避免浏览解析错误。 常用HTML字符实体(建议使用实体):字符名称实体名实体数"双引号&quot;&#34;&&符&amp;&#38;<左尖括号(小于号)&lt;&#60;>右尖括号(大于号...原创 2013-04-08 17:14:45 · 92 阅读 · 0 评论 -
html email
用于制作邮件内容的HTML模板<table width="600" cellpadding="0" cellspacing="0" border="0"><tbody><tr><td> <div style="width:600px;text-align:left;font:1原创 2013-04-08 17:31:51 · 136 阅读 · 0 评论 -
解析vertical-align属性
vertical-align该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。即:1.只对行内元素起作用(若属性中有display:inline-block;或float此属性都不起作用) 2.可以定义图片与文字的对齐方式 3.表格中...原创 2012-08-29 11:12:48 · 181 阅读 · 0 评论 -
说说浮动
float和position:absolute;position:fixed;均会把元素变成display:inline-block;原创 2012-08-29 16:06:51 · 98 阅读 · 0 评论 -
做页面技巧
一、做页面前要干的几件事:先写好骨架(即:html)切图(能用css就不用图片)确定整体几种颜色,链接的颜色(点击前后,hover时)根据需求定好宽度,是否要overflow:hidden;再美化(即css)二、注意事项尽量用margin定位,不用浮动和绝对,为后续重构做准备尽量用base.css里面的样式,没有再单定义设宽时,最好用百分比,适应性比较器...原创 2012-08-29 17:01:19 · 118 阅读 · 0 评论 -
Web前端开发规范文档
规范目的为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.基本准则符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小...原创 2012-08-30 10:12:27 · 71 阅读 · 0 评论 -
【转】HTML meta refresh 刷新与跳转(重定向)页面
HTML meta refresh 刷新与跳转(重定向)页面refresh 属性值 -- 刷新与跳转(重定向)页面refresh用于刷新与跳转(重定向)页面refresh出现在http-equiv属性中,使用content属性表示刷新或跳转的开始时间与跳转的网址引用网址:http://www.dreamdu.com/xhtml/refresh/refre...原创 2017-03-09 17:38:34 · 242 阅读 · 0 评论