DDR爱好者之家

前端开发中一些常用技巧总结
站长资源 2024/11/23 佚名
32 1538
DDR爱好者之家 Design By 杰米
1.文章标题列表中日期居右显示的方法:

复制代码代码如下:
<p><span>2010-10-10</span>@Mr.Think这是文章标题</p>
然后定义span右浮动:

p span{float:right}
其实这种方法可以延伸到很多情况下,很实用的一种写法;
2.web标准中,同一页面中只能有一个h1标签.很多人知道这个概念,但做到的却很少;
3.空白外边距互相叠加的问题:一般通过添加透明边框或者1px的内边距避免.详细解读: https://www.jb51.net/css/28157.html
4.ie6下max/min-width/height实现,_width: expression(this.width >600 ? “600px” : true);,height同理.
5.html/class/id,最好统一以小写书写,这样更严谨(符合xhtml标准);
6.不推荐用下面代码兼容IE8:

<meta http-equiv="X-UA-Compatible" content="IE=7" />
如果是非短期性页面,尽量避免使用,页面应尽可能保证向后兼容;
7.空div在IE(FF中没有)是有默认高度的,可以用定义:div { witdh:100%; background:#9c0; ling-height:0}的方式去掉默认高度;
8.在使用table标签时应该尽可能的利用它本身的属性，最大限度的分离结构与样式.详细解读: https://www.jb51.net/css/28158.html
9.充分利用表单中label标签提升用户体验; 这一点对于页面中那些小的选项框,以及对残障人士阅读网站都有好处. 细节是用户体验的第一步;
10.fieldset, legend标签, 鲜为人知,却很实用的一组标签;它可以很明了的把一组元素框起来,主要用于表单;
11.optgroup标签,鲜为人知,它对提升选择表单用户体验很有帮助.作用? 就是可以在有很多选项时,对这些选项分组:

复制代码代码如下:
<select id="selectId">
<optgroup label="GROUP ONE">
<option value="1">one select</option>
<option value="2">two select</option>
</optgroup>
<optgroup label="GROUP TWO">
<option value="3">three select</option>
<option value="4">four select</option>
</optgroup>
</select>

12.表单都要加name值,name值是一个标示,不同于id,据我所发现,若是未定义name值,非IE浏览器下是无法通过document.formid获取到表单元素的.请看如下代码及注释:

复制代码代码如下:
<html>
<head>
<script>
window.onload=function(){
alert(document.mrform.length); //所有浏览器均会弹出表单元素长度
alert(document.thinkform.length); //仅IE会弹出该表单元素长度
}
</script>
</head>
<body>
<form name="mrform" id="thinkform" action="#">
......
</form>
</body>
</html>

出处:http://mrthink.net/css-common-summary/
DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

RTX 5090要首发 性能要翻倍！三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。

据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米