Learning_xzj的博客

1 什么是移动适配2 移动适配常用解决方案3 长度单位3.1 rem3.1.1 rem移动适配3.1.2 rem移动适配 - 媒体查询3.1.3 使用rem单位设置网页元素的尺寸3.1.4 实现在不同宽度的设置中，网页元素尺寸等比缩放效果3.2 flexible4 Less4.1 Less语法4.2 使用Less语法快速编译生成CSS代码4.3 编译插件4.4 Less注释4.5 使用Less运算写法完成px单位到rem单位的转换4.6 能够使用Less嵌套写法生成后代选择器

1.2 CSS引入方式my.css2 基础选择器2.1 标签选择器2.2 类选择器2.3 id选择器总结：3 字体和文本样式3.1 字体样式3.1.1 字体大小3.1.2 字体粗细3.1.3 字体样式3.1.4 字体系列3.1.5 样式的层叠问题3.1.6 字体font相关属性的连写3.1.7 字体相关属性总结3.2.2 文本水平对齐方式：text-align3.2.3.1 文本样式总结4 Chrome调试工具标签水平居中.html

1 选择器进阶1.1 复合选择器1.2 并集选择器1.3 交集选择器1.4 hover伪类选择器1.5 Emmet语法1.6 总结2 背景相关属性2.1 背景颜色2.2 背景图片2.3 背景平铺2.4 背景位置2.5 背景相关属性连写3 元素显示模式3.1 块级元素3.2 行内元素3.3 行内块元素3.4 元素显示模式转换3.5 HTML嵌套规范注意点3.6 居中方法总结4 CSS 特性4.1 继承性4.2 层叠性4.3 优先级4.4 权重叠加计算5 综合案

!height40px;}/*后代box里面的a*/.boxa{width80px;height40px;/*推荐先加上清楚的看到文字在什么位置*//*background-color#edeef0;center;40px;12px;color#4c4c4c;none;}.boxahover{#edeef0;color#ff8400;--从外到内先宽高背景色,放内容,调节内容的位置;...

1 结构伪类选择器1.1 结构伪类选择器的案例2 伪元素3 标准流4 浮动4.1 浮动的作用4.2 浮动的代码4.3 浮动的特点4.4 浮动的案例4.4.1 网页布局案例4.4.2 小米模块案例4.4.3 网页导航案例5 清除浮动5.1 清除浮动的介绍5.2 清除浮动的方法5.2.1 直接设置父元素高度5.2.2 额外标签法5.2.3 单伪元素清除法5.2.4 双伪元素清除法5.2.5 给父元素设置overflow : hidden...

1 定位1.1 定位的基本介绍1.2 定位的基本使用1.3 静态定位1.4 相对定位1.5 绝对定位1.6 子元素相对于父元素进行自由移动(子绝父相)1.7 案例：卡片模块的hot图标定位案例1.8 案例：使用绝对路径水平居中案例1.9 案例：导航二维码居中在相应的导航栏案例1.10 案例：底部半透明遮罩效果1.11 固定定位1.12 元素的层级关系2 装饰2.1 垂直对齐方式2.2 光标类型2.3 边框圆角2.4 overflow溢出部分显示效果2.5 元素本身隐藏2

1 精灵图2 背景图片大小3 文字阴影4 盒子阴影5 过渡6 版心7 CSS书写顺序

字体图标的效果字体图标的优点目标库使用方式案例：淘宝购物车上传矢量图

平面转换介绍使用translate快速实现绝对定位的元素居中使用translate实现元素位移效果

1 旋转1.1 语法1.2 设置圆点1.3 多重转换2 缩放2.1 原理2.2 播放按钮案例3 渐变3.1 案例13.2 案例2

1 空间转换1.1 位移1.2 透视1.3 空间旋转1.4 使用transform-style: preserve-3d呈现立体图形1.5 使用transform-style: preserve-3d呈现立体图形1.6 3D导航1.7 空间缩放2 动画2.1 动画的概念2.2 动画实现步骤2.3 表盘案例2.4 steps逐帧动画2.5 走马灯案例...

1 移动端和PC端网页不同点2 谷歌模拟器3 分辨率4 视口5 二倍图

1 百分比布局（流式布局）2 Flex布局介绍3 主轴对齐方式4 侧轴对齐方式5 伸缩比6 修改主轴方向7 弹性盒子换行