关闭

工作总结

标签: css前端
94人阅读 评论(0) 收藏 举报
分类:

2015-11-21

来公司第一周,修改了一大堆前端的页面效果。作些记录。

  1. 关于 CSS margin 重叠现象 以及 多个类的选择
//CSS 代码
div{display:block;}
.div1{width:100px;height:200px}
.div2{width:200px;height:200px}
.red{background-color:red;!important}
//此处加入!important  优先级提高。
.green{background-color:green;}
.margintop{margin-top:10px;}
.marginbottom{margin-bottom:10px;}
//html 代码
<div class="div1 red marginbottom"></div>
//一个类标签里 可以写很多个类,浏览器会自动把多个类的样式集中表现出来
<div class="div2 red green margintop"></div>
//当 多个类里有重复的,后设置的起作用。 此处 .green 起作用

这里写图片描述
2. 超宽图 居中显示

//CSS
.div {width:100%;height:300px;background:url(./test.jpg)top center}
//HTML
<div class="div"></div>
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    文章分类