![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 60
Mr晓
山高路远,且行且珍惜
展开
-
CSS练习1---制作奥运五环
使用CSS制作一个位置固定在屏幕正中间的奥运五环1. 关键点:将元素固定到屏幕中间的写法.warrper { position: fixed; left: 50%; top: 50%; background: transparent; width: 600px; height: 400px; margin-left: -300px; margin-top: -200px;...原创 2018-11-06 17:43:23 · 1357 阅读 · 0 评论 -
CSS之浮动模型
什么是float(浮动)CSS 的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列。Float(浮动),往往是用于图像,但它在布局时一样非常有用。一个浮动元素会尽量向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。浮动流为了说明什么是浮动流,我们先用代码看一下效果<div class="demo1"></div><d...原创 2018-11-18 17:03:53 · 166 阅读 · 0 评论 -
CSS两个经典BUG--margin塌陷与margin合并
margin塌陷问题现象先上示例代码&amp;lt;div class=&quot;warpper&quot;&amp;gt; &amp;lt;div class=&quot;box&quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;* { p原创 2018-11-18 15:22:25 · 426 阅读 · 0 评论