百度前端任务 task0001笔记

div水平和垂直居中,text-align和vertical-align不起作用,因为标签div没有这两个属性,所以再css中设置这两个值不能居中的效果。如需居中可尝试margin:0 auto;

两列布局,左边固定宽度右边自适应,可1、左边float:left2、左边position:absolute,右边margin-left:左边宽度

三列布局,左右固定宽度中间自适应

1、可左右浮动float中间用margin-left和margin-right,但需注意,div先写浮动再写中间自适应部分,不然右浮动会到下面一行

2、左右用position:absolute中间用margin-left和margin-right但是中间的margin-top和两边不一致,要少一些,暂时不知道为什么。

任何一个模块都要定义宽度高度


http://zh.learnlayout.com/position.html


用浮动(float)时的父容器塌陷问题

1、在555之后加一个

http://fireflywithcat.iteye.com/blog/1615606


改<hr>格式

这里CSS指线宽度90%  高度3px 离上下右下左距离 10px 0px 10px 0pxhr{width: 90%;height: 3px;margin: 10 0 10 0;}在页面有了

就会受到有改变hr{}的影响HTML要贴:

hr {margin:0;HEIGHT: 25;width:100%;border:4px ridge;COLOR:333;}


position:absolute 居中http://blog.csdn.net/freshlover/article/details/11579669

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,792评论 1 92
  • 各种纯css图标 CSS3可以实现很多漂亮的图形,我收集了32种图形,在下面列出。直接用CSS3画出这些图形,要比...
    剑残阅读 9,656评论 0 8
  • 0. HTML对象获取问题 3 0. const问题 3 0. event.x与event.y问题 3 0. wi...
    赵长安啊阅读 552评论 0 0
  • 关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, ...
    xxiao1988阅读 1,933评论 0 1
  • 当我写出致我们终将逝去的青春,这几个字时,我又迅速地划去了,是啊!很不好的一种情绪,在漫长却又短暂的时光里,你青春...
    嫣容浅笑阅读 325评论 0 3