1、table的width用百分之百,是相对于他的外围容器而言的,最后一行设为*,以免出现纵向滚动条时跑版。
2、js获取单选框的值,用getRadioValue()。
3、object.style.cursor = cursortype ,规定所显示的指针(光标)的类型。
4、ul中的li居中一行显示:ul的宽度100%, li display: in-block,float:none。
5、p不能自动换行,删除float属性,加宽度。
6、li,dl作子导航,用white-space:nowrap强制自动不换行。
7、1)a若自身定义了颜色color,需把color属性放在后面,否则hover color无效。
2)a属性的定义顺序,a:link{}, a:visited{}, a:hover{}, a:active{}
8、display:none的元素仍然在页面源代码中,只是不显示,该元素仍会被js改变,如自动生成序号计算时,仍被计算在内。
9、同一个页面两个按钮,若点击这两个按钮,对同页面的第3个按钮赋不同的值,可在方法中传递不同的参数去判断,然后给第三个按钮赋不同的链接等。
10、用js控制*号和输入项是否显示,把需要隐藏的对应的input框等加在span中(一般*号也定义在span中),给对应的td加上id或class,就可以在js中控制相应的span的 display:none。
11、text-align, height设在td上,width设table。
12、@font-face{font-family:myfont;src:url();} 若客户端没有该字体,通过该url下载
13、css3边框: border-radius:圆角边框,box-shadow:边框阴影,border-image:边框图片
14、设置img标签
img{
border-radius:20px; //弧度
display:inline; //行显示
box-shadow: 0 1px 1px rgba(0,0,0,0.2); //0.2为透明度
opacity:0.5; //opacity透明度值从0.0-1.0
}
15、若把li设置为一行显示,则可display:inline,设置后padding属性仍生效。
16、同时定义不同元素的样式,可用逗号隔开,如同时定义h,h2的样式:h1,h2{}
17、层级选择器:两个选择器中间用空格隔开,表示选择该元素的所有后代,包括孙子、儿子,
如div p{},为div下的所有p元素,div > p为div下的子元素p
18、属性选择器:
1)简单属性选择器,选择具有某个属性的元素,eg:[title]{},[href]{}
2)根据具体属性值选择,eg:a[href='http:www.baidu.com']
3)属性模糊匹配:[title~='title']{},选择具有title属性的,且属性值包含title的
19、相邻兄弟选择器:可选择紧接在另一个元素后的元素,且二者有相同的父元素。eg:li+li{}只选择第二个和第三个li
<ul><li></li><li></li><li></li></ul>