昨天是我进传智博客学习web前端就业班的第一天,老师带我们带我们做项目,综合使用了之前基础班学的知识,感觉老师讲的时候都懂,但自己做起来就慢好多,有时做到一个地方,要想一下才能知道用什么标签,css中怎么设置,前面学的有些属性想不起来,我们只有多敲代码。昨天我觉得有些要值得注意的。
1: margin和padding,还有用到了margin和padding,这里面有些注意点是一定要记住的,用到padding时一定要注意它会影响盒子的大小,加了padding值,要考虑是否要在盒子中减去padding值,能用padding就用padding。margin尽量不要用,margin中会有包含合并,子盒子如果设置了margin它又能会带跑父盒子,所以能不用margin就尽量不要用,还有要注意他们的连写方式:padding:10px;padding:10px 20px;padding:10px 20px 30px;padding:10px 20px 30px 40px;要知道这四种的写法各代表什么意思。
2: 做一个项目之前的准备工作一定要做好,不能一上来就直接写程序,有一个良好的习惯,对以后是很重要的,方便后来人能更容易看懂你写的程序,也方便维护。
3. 定位,几种定位你首先要知道,如果有嵌套的时候,一般会遵循父绝子相(子元素绝对定位,父元素相对定位),但这也不是绝对的,如果三个嵌套,那就是子绝父绝爷相,只要了解了其中的原理,我相信不会有大问题,只是现在我们不熟练速度慢一点,但这是可以慢慢提高的。
4: 元素之前的转换:我相信元素的转换大家一般都会,但哪些要用到转换我觉得还是值得注意一下,如行内元素是不能设置宽高的,如需要设置设置,那就需要转换为行内快或块级元素,但如果这行内正好需要用到定位,那就不需要转换了,因为定位也能使行内元素设置宽高,还有浮动也能使行内元素设置宽高。
5:权重:有时候css明明写的都是对的,但对应的效果就是出不来,这时候我们要注意一下,可能是描述这个标签的权重不够,这个问题我在敲代码过程中发现好几次,有时你想描述一个标签,就用这个标签的属性,没用后代选择器,叠加父元素的属性,有时会显示不出来。