标签：浮动 浏览器 回顾 清除 元素 HTML margin css

HTML部分

熟悉html 的标签

• 前端 开发库：
  http://code.ciaoca.com/style/css-cheat-sheet/

• w3chool ：http://www.w3chtml.com/css3/

ang

• 样式重叠表：https://developer.mozilla.org/zh-CN/docs/Web/CSS/radial-gradient()
• https://css.welltell.cc/transition.html

像素取值：

顺时针 上右下左

圆角问题（radius）

并不是radius取50%就一定是圆形，还得看前提是不是正方形

margin padding

• content-box 用于显示标准的盒子(默认的)
• • border-box 怪异盒子
• 一个约束边框 一个约束内容
• div默认的是百分百宽度
• margin合并，兄弟元素之间，垂直方向上,如果有重叠的部分，margin取两者之间的最大的那部分
• 当父元素没有边框的时候，子元素的margin-top 会与父元素的margin-top合并

默认样式问题

• div中无数个空格等于一个空格

• display:inline-block
• float:left(清除空间的距离)
• float 会使父元素脱离文档流
• 清除浮动是指清除元素带来的影响，如果父元素里面有浮动的元素，就要清除
• 在清除浮动的第二种方式，在父元素结束之前，添加一个有clear:both display：block样式的元素
• 有浮动就要清除浮动
• 浏览器的查找元素快捷键:ctrl+f

定位 position

• position: static;这是默认样式
• 相对定位：相对它原本应该出现的位置移动，位置产生移动，但是还是占据原来的位置，不会影响别人的位置（相对于父级元素）
• 绝对定位：一个元素设置了绝对定位，就会脱离文档流，他会以自身为起点，逐层往外找，直到找到position不等于默认值的时候；正数向内部走，负数向外部走（相对于本身）
• fixed:相对于浏览器的窗口
• fixed：并不完全是相对于浏览器窗口的定位，大多数是相对浏览器窗口

标签：浮动,浏览器,回顾,清除,元素,HTML,margin,css
来源： https://blog.csdn.net/liuxiaobao666/article/details/117447503

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。