摘要: /* 只选择 type =text 文本框的input 选取出来 */input[type=text] { color: pink;}/* 选择首先是div 然后 具有class属性 并且属性值 必须是 icon开头的这些元素 */div[class^=icon] { color: red;}/* 阅读全文
posted @ 2022-02-08 17:45 Harry宗 阅读(70) 评论(0) 推荐(0)
摘要: 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充 流式布局,百分比布局,只能处理宽度百分比:width:xx%。 ​ 高度没有办法确定,所以只能固定,height:xxpx; flex布局 当我们为父盒子设为 flex 布局以后,子元素的 float、clea 阅读全文
posted @ 2022-02-08 17:33 Harry宗 阅读(401) 评论(0) 推荐(0)
摘要: background-size 属性规定背景图像的尺寸 单位: 长度|百分比|cover|contain; cover:会以短边为准,直至短边和盒子重合,cover把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。(等比例拉伸,完全覆盖,会有一边超出) contain:以长边为准,只要触及父盒子 阅读全文
posted @ 2022-02-08 16:56 Harry宗 阅读(358) 评论(0) 推荐(0)
摘要: 校验规则写在vue中的data函数里的return中 自定义校验规则写到data函数内return外面 data() { // 校验手机号 var validtelephone = (rule,value,callback)=>{ let reg = /^((13[0-9])|(14[5|7])|( 阅读全文
posted @ 2022-02-08 12:58 Harry宗 阅读(881) 评论(0) 推荐(0)