随笔分类 - css
css的一些设置
摘要:使用/deep/进行穿透处理 <el-form> <el-form-item label="活动区域"> <el-input v-model=""></el-input> </el-form-item> </el-form> <style scoped> .el-forml /deep/ .el-f
阅读全文
摘要:水平居中 1.块级元素 margin: 0 auto; .container{ height: 100px; width: 300px; border: 1px solid red; } .content{ width: 60px; border: 1px solid green; /* 起作用的是
阅读全文
摘要:flex 是css中的有一种布局手段,它主要是用来代替浮动来完成页面布局 flex可以使元素具有弹性,让元素可以跟随页面的大小的改变而改变 开启flex布局只需要在外层容器设置display:flex(整个网页也可以看做是一个flex容器) 弹性容器: 要使用弹性盒,必须先将一个元素设置为弹性容器(
阅读全文
摘要:盒模型是什么? 当对一个文档进行布局的时候,浏览器的渲染引擎会根据标准之一的 CSS 基础框盒模型,将所有元素表示为一个个矩形的盒子 这个盒子由四个部分组成:content、padding、border、margin content:内容 boreder:边框(粗细、样式、颜色三部分组成) padd
阅读全文
摘要:通过为按钮的背景设置 opacity 属性就可以呈现出无法点击的效果。 (一)button 元素 为 元素添加 disabled 属性,使其表现出禁用状态。 代码如下: <button disabled="disabled">Primary button</button> 效果: (二)链接(<a>
阅读全文