weixin_45677987的博客

1； 前言 传统项目开发中, 我们只会使用px % em 和 rem。它们可以适用大部分的项目开发， 并且拥有大部分的项目开发， 并且拥有较好的兼容性, 但是随着web 前端的发展, 需要适配更多的新设备。 css3 新出了一些新的长度, 利用这些单位可以很好的开发出来具有响应式的页面。 随之就是一套代码。 覆盖更多设备(手机, 平板， 电脑, 电视等)2: 概念 2: px 单位像素名称, 像素是固定大小的单元。 用于屏幕媒体(即在设备屏幕上读取, 一个像素等于屏幕)...

1: 行内元素/ 块级元素, 非替换元素/ 替换元素 2: img 标签的title 和 alt 属性3: meta 标签4: DOCTYPE 标签5: script 标签的 defer 和 async 6: W3C 盒模型和怪异盒模型7: 一个盒子水平垂直居中的方法8: BFC 的含义: 9: 清除浮动的方法10: position 的属性11: CSS 隐藏元素的方法12: Flex 布局、13: 双栏布局/ 三栏布局14: 重绘 / 重排15: CSS 选择器16:.

使用Css 创建三角形做法：定义一个div 盒子<div class="box2"></div><style> width: 0px; height 0px; border: 20px solid transparent; // 边框设置为透明色 border-top-color: pink; // 向上颜色设置为pink 色。</style>...

CSS 盒子模型:理解Css 盒子模型模式？ 我们在网页设计中常用到的属性名:内容区域 (content) padding (内边距) border(边框) margin(外边距)CSS 盒子模型具备这些属性。 但是我们为块元素设置宽度和高度 (是设置的谁的宽度和高度)？content 内容的宽度和高度。盒子模型的宽和高计算方式会根据盒子的类型而不同。盒子的类型是根据： box-sizing：属性设置的 content-box;box-sizing: 默认值是: content.

1： flex.css 常用属性：dir:top // 从上到下dir:right // 从右到左dir:bottom // 从下到上dir:left // 从左到右（默认）2： main: 主轴对齐方式：main:right // 从右到左main:left // 从左到右（默认）main:justify // 两端对齐main:center // 居中对齐3：cross交叉轴对齐方式cross:top //...