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。
总结如下:
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。
相关文章推荐
- DIV+CSS 学习心得:分组,嵌套,伪类,伪元素
- 学习css的一些心得(部分转贴)
- 新手学习java的心得体会
- CSS 学习心得
- CSS属性之float学习心得
- 分享一下学习css,js心得
- css学习心得
- 新手该怎么学习DIV+CSS网页标准布局?
- 新手学习java的心得体会
- DIV+CSS—菜鸟分享学习心得!入门篇
- 学习ASP.NET步骤 适合于连JS与CSS、SQL都搞不清的新手。
- jquery和css的一些学习心得(一)
- 新手数值学习心得 - 归纳,总结,疑问!
- CSS新手学习记录贴-line-height继承
- 转贴:如何走向高阶---css的学习心得
- 新手该怎么学习DIV+CSS网页标准布局?
- css学习的一些心得
- css学习心得总结
- 关于HTML和CSS的学习心得
- css学习的一些心得