Css
-
九、重置标签样式
1、内外边距 只有外边距 margin:h1-h6、p、hr、br、address只有内边距 padding:button、input、select、textarea、legend…
-
八、CSS 浏览器常见问题 + 解决方案(你最需要的)
1. 不同浏览器默认样式不一致 问题:margin、padding、列表样式、字体默认不一样 解决: 2. IE 兼容问题(低版本浏览器) 问题:不支持 flex、rgba、tra…
-
七、响应式与移动端
视口 meta: html 媒体查询 @media rem /vw 适配方案 移动端 1px 细线问题 横屏竖屏适配
-
六、变形与动画
1. transform 变形 2. transition 过渡 3. animation 关键帧动画
-
五、背景与样式
background 复合写法background-size: cover/containborder-radius 圆角box-shadow 阴影opacity /rgba 透明…
-
四、文字与文本样式
font-size、font-weight、font-family、line-height text-align、text-decoration、text-indent、white…
-
三、布局体系(最重要)
1. 标准流(默认) 块级、行内、行内块的区别 2. 浮动 float 3. 定位 position 4. Flex 布局(现代主流) 5. Grid 布局(二维布局)
-
二、盒模型(核心)
标准盒模型:width = content IE 盒模型:width = content + padding + border 统一方案: 常用属性:width、height、pa…