您的位置:首页 > Web前端 > CSS

CSS新手学习心得

2018-03-20 21:20 267 查看
在刚学CSS的时候,总会遇到这样或那样的问题,所以我尽可能把它们都总结下来,也算是给自己一个提醒,当然有人能读到我的博客能够有所收获自然是更妙。
总结如下:
1.在写网页版心的时候,一定要注意:div{
width:1000px
    margin: auto;
}多使用百分比的方法来写,这样网页的适应程度高,可以自适应很多电子设备
2.在用CSS布局时要用大盒子把小盒子套进去,不写大盒子的高,反而去写小盒子的高,把大盒子撑出高来。(即用div嵌套的方法来写)
3.在写定位的时候需要特别注意:最好要把定位的元素写在盒子内,避免当拉伸页面时会缺少很多的内容
4.同一个区域内,不同的元素种类最好使用不同的标签,这样在布局时写css较为方便。
5.当写关于字体大小和字体种类和行高等的样式时,可以尝试给整个div写通用字体,之后再对某一标签进行css样式设置。
6.多多使用伪类和伪元素比如:.clearfix{
content:' ';
clear:both
}清除浮动的方法中,这种方法给没有高的父亲后就可以清除浮动。
7.关于padding和margin的用法:
padding是内边距,占据盒子的大小,所以在加padding的时候一定要减去height和width。
行内元素只占用行内空间,有行高(line-height)来确定上下距离,所以最好不要加上下padding和margin。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: