摘要: 任务描述 实现如 示例图(点击打开) 的效果 灰色元素水平垂直居中,有两个四分之一圆位于其左上角和右下角。 任务注意事项 思考不同情况下(如灰色高度是根据内容动态变化的)水平垂直居中的解决方案。 动手试一试各种情况的组合,父元素和子元素分别取不同的 position 值。思考 position 属性 阅读全文
posted @ 2016-03-18 13:12 huansky 阅读(269) 评论(0) 推荐(0) 编辑
摘要: 紧接上一篇。 如果要居中的是一个块元素呢。 1)如果你知道这个块元素的高度: resize 属性规定是否可由用户调整元素的尺寸。resize: none|both|horizontal|vertical; 总结起来就是 2)如果你不知道这个块元素的高度,因为他会变化的,比如图片变了,宽度变了,样式变 阅读全文
posted @ 2016-03-18 11:14 huansky 阅读(361) 评论(0) 推荐(0) 编辑
摘要: 对于行内元素可以使用: 对于块元素,你可以设置其左右外边距为:auto;同时你还应该设置该元素的宽度,不然的话,元素的宽度会撑满整个浏览器或者一种是没反应(不过你设置背景就会看到了)。 如果你想让多个块元素在一行当中显示,首先你得设置display的属性,inline-block;在使用上面说的方法 阅读全文
posted @ 2016-03-18 10:51 huansky 阅读(2559) 评论(0) 推荐(0) 编辑
摘要: 主要转载于【http://www.w3cplus.com/css/advanced-html-css-lesson2-detailed-css-positioning.html】 元素都有position属性,其默认值是“static”,这也意味着,他们没有也不接受位置属性设置(top、right、 阅读全文
posted @ 2016-03-18 09:35 huansky 阅读(176) 评论(0) 推荐(0) 编辑