![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
Reber_ty
这个作者很懒,什么都没留下…
展开
-
前端代码规范
代码规范 1. 概述 欢迎使用品优购代码规范, 这个是我借鉴京东前端代码规范,组织的品优购内部规范。旨在增强团队开发协作、提高代码质量和打造开发基石的编码规范, 以下规范是团队基本约定的内容,必须严格遵循。 HTML规范 基于 W3C、苹果开发者 等官方文档,并结合团队业务和开发过程中总结的规范约定,让页面HTML代码更具语义性。 图片规范 了解各种图片格式特性,根据特性制定图片规范,包括但不限于图片的质量约定、图片引入方式、图片合并处理等,旨在从图片层面优化页面性能。 CSS规范 统一规范团队 CSS 代原创 2020-08-27 19:31:58 · 162 阅读 · 0 评论 -
定位
1、为什么需要定位 希望某个元素在一个盒子内自由移动位置,并且压住其他盒子。 当我们滚动窗口的时候,盒子是固定在屏幕的某个位置的。 浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于横向排列盒子。 定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子。 2、定位的组成 2.1 定位:将盒子定在某一个位置,所以定位也是在摆放盒子,按照定位的方式移动盒子。 定位=定位模式+边偏移。 2.2 定位模式 定位模式决定元素的定位方式,它通过CSS的position属性来设置,原创 2020-08-13 06:07:06 · 227 阅读 · 0 评论 -
清除浮动总结
清除浮动 为什么要清除浮动 ①父级元素没有高度(内容需要从后台获取时,不确定内容多少,此时父级元素不设置高度) ②子盒子浮动了。 ③影响下面布局了,我们就应该清除浮动了 清除浮动的方式(四种方式) 清除浮动的方式 优点 缺点 额外标签法(隔墙法) 通俗易懂,书写方便 添加许多无意义的标签,结构化较差。 父级添加overflow:hidden;属性 书写简单 溢出隐藏 父级after伪元素 结构语义化正确 由于IE6-7不支持:after,兼容性问题 父级双伪元素 结构语义化正确原创 2020-08-10 00:51:01 · 109 阅读 · 0 评论