qq_60602244的博客

目录< head >标签1.< title >标签2.< meta >标签3.< link >标签4.< base>标签5.< style>标签6.< script>标签7.< noscript>标签< body>标签1.标题2.段落3.超链接4.图像5.表格1.表格标签2.合并单元格3.单元格边框4.表格格式设置6.列表7.区块8.表单表单域< form>< /form>表单

目录CSS基础一、CSS样式插入二、常用选择器1.基本选择器2.结构伪类选择器3.属性选择器4.伪元素选择器5.层次选择器三、字体（font）1.font-family2.font-size3.font-weight4.font-style5.复合写法四、文本（text）1.颜色(color)2.对齐文本(text-align)3.修饰文本(text-decoration)4.文本缩进(text-indent)5.文本方向(direction)6.行高(line-height)7.阴影文本(text-sha

目录CSS(PC端)传统页面布局三种方式一、标准流（文档流）二、浮动1.语法2.属性3.浮动特性4.清楚浮动三、定位1.静态定位（了解）2.相对定位3.绝对定位4.固定定位5.粘性定位6.定位拓展（1）子绝父相（2）定位叠放次序（3）固定在版心右侧位置技巧（4）绝对定位的盒子居中（5）脱标的盒子不会触发外边距塌陷（6）行内元素添加绝对定位或固定定位，可以直接设高和宽（7）块级元素添加绝对定位或相对定位，如果未设宽高，默认内容大小（8）注意CSS(PC端)传统页面布局三种方式一、标准流（文档流）标签按

目录行内元素、块元素、行内块元素一、行内元素二、块元素三、行内块元素四、元素显示显示转换行内元素、块元素、行内块元素一、行内元素特点：1.相邻行内元素在一行上，一行可以显示多个2.高、宽、直接设置是无效的3.默认宽度就是它本身内容的宽度4.行内元素只能容纳文本或其他行内元素注：特殊情况下**< a>里面可以放块级元素**，给< a>转换为块级元素最安全常见行内元素：< a> < strong> < b> < em> &

目录web拓展（一）一、精灵图的使用二、字体图标下载引入三、CSS三角基础强化四、溢出文字显示省略号单号文本显示省略号多行文本溢出显示省略号五、margin负值运用六、文字环绕（浮动）七、行内块元素的巧妙运用八、CSS初始化九、盒子阴影十、CSS用户界面样式1.鼠标样式cursor2.轮廓线outline3.防止拖拽文本域resizeweb拓展（一）一、精灵图的使用注：1.主要借助于背景位置来实现 background-position；2.一般情况下精灵图是负值；3.使用精灵图的时候需要精确测

目录2D转换1.移动(translate)2.旋转(rotate)3.中心点(transform-origin)4.缩放(scale)5.综合写法CSS3 动画动画的基本使用1.用keyframes定义动画（类似定义类选择器）2.元素使用动画动画常用属性1.属性2.动画简写属性3.速度曲线细节3D转换1.3D位移2.3D旋转3.透视4.3D呈现旋转照片案例2D转换转换（transform）是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果移动：translate旋转：rota