发表于: 2017-03-05 23:44:51
1 743
今天完成的事:
1;做了任务10的导航栏修改,基本功能实现。
2;学习认知了Less:主要学习了less变量,混合和嵌套在CSS中的使用(感觉less在大型网页设计中用起来会比较方便 ,任务4的话用的不太多)
3;听师兄的小课堂(boostarp)
明天计划的事:
1;完成任务11;
2;学习任务12的相关知识
遇到的问题:
1;虽然对Less有所认知,但是在使用中还是不太熟练。
收获:
1;关于CSS使用的一些技巧总结
使用 line-height 垂直居中
line-height:24px;
使用固定宽度的容器并且需要一行垂直居中时,使用 line-height 即可(高度与父层容器一致)。
清除容器浮动
#main {
overflow:hidden;
}
期前也提到过这样的问题。
使块元素水平居中
margin:0 auto;
其实就是
margin-left: auto;
margin-right: auto;
这个技巧基本上所有的 CSS 教科书都会有说明,别忘记给它加上个宽度。Exploer 下也可以使用
body{
text-align: center;
}
然后定义内层容器
text-align: left;
恢复
评论