01 2020 档案

摘要：aside是侧边栏 样式如下： figure是图片区域 figcaption是图片描述 阅读全文

摘要：div > ul > li*7 或者用 div 中间li + 3d 效果：translateX() translateY() translateZ() rotateX() rotateY() rotateZ() xyz 见图： z轴正方向是往网页里面的 x,y正方向如图 旋转顺时针为正 需要注意x/ 阅读全文

摘要：transition:过渡，控制变化属性的 比如控制hover改变的宽高等 四个属性：1.transition-property:(属性) 2.transition-duration:(过渡时间) 3.transition-delay:(延迟多长时间 开始过渡) 4.transition-timin 阅读全文

摘要：1.复合写法：background: url(" ") no-repeat position/size color 注意如果position没变化要写 0 0不能不写 background:url("") no-repeat 0 0 /size 2. 字体样式可写复合写法：要求 :字体大小放在倒数第 阅读全文

摘要：伪类与伪元素不同: css伪类:link visited active first-child hover focus css3伪类：nth-child() nth-last-child() first-of-type last-of-type nth-of-type() nth-last-of-t 阅读全文

摘要：小米案例必须会。 id选择器 > class选择器 > 标签选择器 hover是伪类优先级与class相同。 a:link{ }(未被点击时的) a:visited{ }(点击过后) a:active{ }(点击时的) 阅读全文

摘要：(一)网页内容类 标题: title摘要: summary箭头： arrow商标： label网站标志： logo转角/圆角： corner横幅广告： banner子菜单： subMenu搜索： search搜索框： searchBox登录： login登录条：loginbar工具条： toolba 阅读全文

摘要：text-align(文本对齐样式仅在水平方向上):可控制字体与行内元素如span 与 img left right center justify(两端对齐) ***常见编程问题：想让文字上下左右居中对齐： text-align:center 配合line-height 想让图片上下左右居中对齐: 阅读全文

摘要：font-size(字体大小): 0(无）12px（最小） 16px(默认） em(父级字体，就近原则） rem(html字体大小，html的默认值也是16px） 一般给body设置12px，因为body会把标签元素当成字体，如果字体过大会出现间隙，故设置为最小字体12px,body{font-sz 阅读全文