ＬＷＨＢＬＯＧ

摘要： 视口(viewport)：浏览器显示页面内容的屏幕区域。分为布局视口、视觉视口、理想视口。 布局视口： 视觉视口： 理想视口： meta视口标签： width=device-width：布局视口宽度为当前设备宽度* user-scalable=no：不允许用户缩放 二倍图：（准备图片比实际大两倍即为 阅读全文

摘要： 盒子移动方法：定位 外边距 2D转换 2D转换： translate移动 rotate旋转参数为deg即度数 设置转换中心点transform-origin： 缩放scale 2D转换综合写法： CSS3动画： 速度曲线： 3D转换： 3D呈现 transform-style 实例：翻转特效 实例： 阅读全文

摘要： 网站TDK三大标签SEO优化 1.title 网站标题 2.description 网站说明 3.keywords 关键字 常用模块命名规则： 网页logo也要遵循SEO优化： 阅读全文

摘要： CSS3盒子模型： 旧版盒子模型设置好width，设置padding和border会撑大盒子。 图片模糊处理： 计算函数calc( ): CSS过渡： 阅读全文

摘要： HTML5新特性 语义化： 多媒体标签： 新增input类型： 新增表单属性： CSS3新特性： 属性选择器： 结构伪类选择器： 伪元素选择器： 伪元素选择器可以清除浮动！相当于额外标签法：即在浮动元素后插入一个新的块级元素 阅读全文

摘要： 好久没更新 厌恶怠惰的自己 精灵图sprites：使用background属性进行设置 字体图标： CSS三角：（设置边框颜色为transparent 再对三角部分独立设置颜色） CSS界面样式： 1.鼠标样式(cursor属性)： 2.轮廓线outline： ①取消表单轮廓（outline:non 阅读全文

摘要： 正则表达式描述了一种字符串匹配的模式，可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。 （说人话就是匹配字符串的简便方法） 本文采用regex101进行测试 限定符（Quantifier） 1） ？：即匹配该符号前的字符出现0次或者1次的文本 use出现 阅读全文

摘要： 常见图片格式： 定位 = 定位模式+边偏移 静态定位static：默认定位方式，即无定位。 相对定位relative：相对原位置进行移动，原来标准流的位置仍占有，不脱标。故一般用于父元素。 绝对定位absolute：相对祖先元素移动，原标准流位置不占有，脱离标准流。一般用于子元素。(给父元素赋定位则 阅读全文

摘要： 盒子阴影和文字阴影 网页三大布局：标准流 浮动 定位 标准流即普通的元素 使用浮动布局需注意用标准流元素作为父级防止脱标 在网页布局时 通常不设置标准流父元素的高度 要使子元素填充撑大父元素 清除浮动的方法：额外标签法 父级增加overflow属性 父级添加after伪元素 父级添加双伪元素 ove 阅读全文

摘要： CSS复合选择器： 链接伪类选择器：按照LVHA顺序写！！ <style> /* 要按照LVHA顺序写 */ a:link { color: #000; text-decoration: none; } /* link未被访问链接 */ a:visited { color: blue; } /* v 阅读全文