发表于: 2017-03-05 23:44:51

1 742


今天完成的事:

 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;

恢复


返回列表 返回列表
评论

    分享到