css
Cons_Step_By_Step
这个作者很懒,什么都没留下…
展开
-
CSS 元素内容会超出容器理解baseline
问题如下: 图片中是一个header内容,且header内容设置为height:80px; 左边的图标大小之前没有量过,默认希望它是在父容器header内,且希望它自己压缩比列什么的。 这是我们CSS初学者的理解。原创 2017-09-03 21:35:18 · 453 阅读 · 0 评论 -
css inline-block 与 float的使用
1.什么时候使用incline-block, 我们都知道display有block它是指该元素前后带换行的,而默认的inline是不换行的,那么为社么还有inline-block呢,那就是inline和inline-block除了同一行外还有什么区别呢?inline-block属性block元素默认撑满一行,而且独占一行,并且width和height属性可用。所以大家把元素设为inline-b原创 2017-09-03 22:17:42 · 502 阅读 · 0 评论 -
CSS IMG 居中自适应收集
1.section方案class.centerImg{ border:solid 1px #ccc; background-color:red; background-image:url(xxx.jpg); background-origin:content; background-position:50% 50%; background-si原创 2017-08-28 19:24:11 · 577 阅读 · 0 评论 -
padding-top margin-top top
- 含义 padding-top:10px; 是指容器内的内容距离容器的顶部有10个像素,是包含在容器内的; margin-top:10px; 是指容器本身的顶部距离其他容器有10个像素,不包含在容器内; top:10px; 是指容器本身的顶部距离页面的顶端有10个像素原创 2017-09-01 14:24:46 · 324 阅读 · 0 评论 -
css总结
1.盒模型 margin->border->padding->context; 其中width和height默认设置的是context的大小,box-sizing:border-box;就是专门设置width和height指什么距离。<body style="margin:0px"> <div style="top:100px;left:400px;position:absolute;w原创 2017-09-02 09:08:04 · 305 阅读 · 0 评论