前端开发开发设计中1些常见技能总结

2021-03-22 04:40 jianzhan
1.文章内容题目目录中时间居右显示信息的方式:

拷贝编码
编码以下:

<p><span>2010⑴0⑴0</span>@Mr.Think这是文章内容题目</p>

随后界定span右波动:

p span{float:right}
实际上这类方式能够拓宽到许多状况下,很好用的1种写法;
2.web规范中,同1网页页面中只能有1个h1标识.许多人了解这个定义,但保证的却非常少;
3.空白外边距相互之间叠加的难题:1般根据加上全透明边框或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,最好是统1以小写撰写,这样更认真细致(合乎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标识提高客户体验; 这1点针对网页页面中那些小的选项框,和对残障人员阅读文章网站都有益处. 细节是客户体验的第1步;
10.fieldset, legend标识, 不为人知,却很好用的1组标识;它能够很明了的把1组元素框起来,关键用于表单;
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值是1个标识,不一样于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/