Loading...
flex续2>项目的属性 order: 顺序,取值为整数,默认所有项目取值为0。取值越小越靠前 flex-grow:如果容器有剩余空间,定义项目的放大比例 将剩余空间分配给具有此属性的元素,按比例分配 flex-shrink:如果容器有空间不足,定义项目的缩小比例 默认每个项目取值都是1, 取值为0,不压缩 ...
CSS选择器:1.兄弟选择器: 相邻兄弟选择器:匹配下一个相邻兄弟 语法:选择器1+选择器2 通用兄弟选择器:匹配后面所有的兄弟 语法:选择器1~选择器2 2.属性选择器 语法: [属性名] 匹配所有具备此属性的元素 [属性名=值] 匹配所有具备此属性且值为对应值的元素 [属性名^=值] 匹配以此值起始...
背景渐变: background-image 线性渐变 值:linear-gradient(渐变方向,色标,色标,色标); 方向: 关键字: to top 从下往上 to bottom 从上往下 to left 从右往左 ...
浮动:定位: 定义元素框相对于其 正常位置 应该出现的位置 位置可以是相对于自身、父级元素位置、其他元素以及浏览器窗口本身的位置。 1,文档流定位 元素默认的排列方式 块元素 独占一张从上往下 行内元素 在一行显示从左往右 2,浮动 3,相对定位 4,绝对定位 5,固...
轮廓: 围绕在边框外围的一条线,作用起到突出显示功能 outline: width style color none 无轮廓 0 无轮廓 使用场景:表单元素 去除轮廓 按钮: <input type="button"> 普通按钮 没有功能的按钮 <butto...
单位: 尺寸单位: px 像素 cm mm pt em:当前字体大小 rem 根字体大小 (html标签字体大小) css3颜色单位: 三基色 红绿蓝 rgb(x1,x2,x3); 0-255 rgb...
什么是css?cascading style sheet 层叠样式表 优势:1,实现了内容和表现的分离 2,提高了代码的 可维护性 和可维护性 什么时候使用css?能用css取代html属性就用css 当然某些属性无法取代:如input type属性 img的alt如何使用css三种方式: 1,行内样式 (内联样式) 语法:新增标签的style属性在style属性的值...