摘要： 一、css属性选择器: 通过html属性选择对应的标签 1 选择符[属性名]{ } 当一个元素有当前html属性值名称则匹配成功. 2 选择符[属性名="属性值"] 属性和属性名都匹配成功才做选中 3 选择符[属性~="属性值"] 当前属性的属性值为一个词列表(多个单词以空格隔开) , 只要有当前指 阅读全文

摘要： 一、语义化结构标签： section 更偏于划分区域。（网页的外围结构...更类似与div） article 更偏向于内容的展示 aside 侧边栏（在一旁的） header 网页头部或者是内容块头部 footer 网页的顶部或者内容快的底部 nav 导航区域。 figure 代表一个独立的区域 f 阅读全文

摘要： 一、制作关键帧： 1）@keyframes 动画名称{ from{开始} to{结束} } 2）@keyframes 动画名称{ 0%{} 中间可以添加任意关键帧 100%{} } 二、调用关键帧 animation: ①animation-name(动画名称） ②animation-duratio 阅读全文

摘要： 一、2D功能函数： 1）2D位移： ①transform:translate(x,y); ②transform:translateX(x轴移动的距离); ③transform:translateY(Y轴移动的距离); 2）2D的缩放： ①transform:scale(x,y); ②transfor 阅读全文

摘要： 一、过渡： 1. transition-property：检索或设置对象中的参与过渡的属性 2. transition-duration：检索或设置对象过渡的持续时间 3. transition-delay：检索或设置对象延迟过渡的时间 4. transition-timing-function：检 阅读全文

摘要： 一、渐变: 背景色在多个颜色之间平稳的过渡。 二、分类： 1：线性渐变： 1）线性渐变：从一个方向到另一个方向的颜色的变化。 2）语法分类： ①标准模式的语法（不添加浏览器前缀）： background: linear-gradient(direction, color-stop1, color-s 阅读全文

摘要： 一、BFC ( 布局逻辑 ) 块级格式化上下文： BFC(Block formatting context)直译为“块级格式化上下文”。它是一个独立的渲染区域，只有Block-level box（块）参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。 二、BF 阅读全文

摘要： 一、表单的作用：收集用户信息 <form action="数据提交的路径" name="" method="数据提交方式"></form> 二、表单控件： <input type="text"> 文本框 <input type="password"> 密码框 <input type="submit" 阅读全文

摘要： 一、表格标签补充 1.表格的数据行分组： <thead></thead>表头 <tbody></tbody>表体 <tfoot></tfoot>表尾 2.列标题标签： <th></th> 默认的样式：左右居中，文本加粗。 3.表格标题： <caption></caption> 标题的位置： css属 阅读全文

摘要： 一、高度塌陷出现的场景： ①当子元素有浮动，父元素没有高度的时候，父元素会出现高度塌陷； ②注：浮动的子元素不会撑开父元素的 height 或者是 min-height。 二、解决高度塌陷的方法： 1：给出现高度塌陷的元素添加：overflow:hidden; ①原理：overflow:hidden 阅读全文