码迷,mamicode.com
首页 > Web开发 > 详细

CSS 经验总结

时间:2016-04-23 14:42:23      阅读:251      评论:0      收藏:0      [点我收藏+]

标签:

项目经验:
1.如果设置外边距margin 父级元素也跟着移动,把父级元素设置触发BFC环境,overflow:hidden
如果直接再子类哪里吧margin改成padding,这样自己内容相对于自己的位置就变了

2.引用外部文件 ./ 代表上一级(父级目录) ../代表上两级

3.调位置,一定是用margin和padding,不到万不得已不用定位,定位本身有效率和兼容性问题

4.样式都用.class,#id留给JS用


在做项目的时候,先确定结构,在确定框体,
把元素加进去,基本的主框都加上触发BFC
在设置外边距和内边距

 


手机端和和PC端的区别:
1.最上边写自适应所有手机,
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2.最后导入foot和html之间加入autoSize.js
当加入小图片第一个出现的位置不为坐标原点的时候,大概居中的时候,可以加一句font-size:0,里边转换有问题
3.autoSize.js的宽度改为 图片宽度
4.里边用的所有的长度用测的图片px除以100,单位为rem。比如测得300px,3rem

3和4的都用图片宽度,不是手机屏幕宽度,他自适应


5.body设置手机宽度,下边的不用设置
6.调试用手机那个按钮,选一个手机就可以了

CSS 经验总结

标签:

原文地址:http://www.cnblogs.com/chenyuanqiu2008/p/5424451.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!