说一说你平时写代码遵守的编码规范
1.命名一律使用小写
2.尽量使用基于功能写命名;如class=".content"
3.多空格,在声明之后加空格
4.先写class;id;name;color
5. 在css编写中,先写position ;float;margin;background;border;
6.多使用语义化的命名,headre、banana、navigation、body、footer
7.0 之后不加单位,属性数值能少写就少写。
8. 多使用双引号垂直居中有几种实现方式,给出代码范例
一、使用text-align;http://js.jirengu.com/sisa/2/edit
二、使用绝对定位:
1.固定宽高的:http://js.jirengu.com/kipe/3/edit
2.不固定宽高的:http://js.jirengu.com/tefi/3/edit
三、使用vertical=middle
首先我们要明白这个只能作用于行内元素和表格元素。同时其的垂直居中不是很精确的,最后对于行内元素中、表格元素中的文本进行居中时,是按照文本的基准线进行居中的。而这个基准线是可以设置的。因为要居中,所以设置成middle。
demo:http://js.jirengu.com/zevi/2/edit
四、使用table-cell和vertical-align;
demo: http://js.jirengu.com/mogo/2/edit实现如下效果,每种效果都只使用一个html 标签来实现 效果范例38
一、http://js.jirengu.com/koqe/2/edit
二、http://js.jirengu.com/jose/2/edit
三、http://js.jirengu.com/yako/2/edit
**严禁转载,违者必究!
CSS综合
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...