随笔分类 -  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 阅读全文
posted @ 2023-02-12 19:34 长安·念 阅读(559) 评论(0) 推荐(0) 编辑
摘要:水平居中 1.块级元素 margin: 0 auto; .container{ height: 100px; width: 300px; border: 1px solid red; } .content{ width: 60px; border: 1px solid green; /* 起作用的是 阅读全文
posted @ 2023-02-09 18:43 长安·念 阅读(46) 评论(0) 推荐(0) 编辑
摘要:flex 是css中的有一种布局手段,它主要是用来代替浮动来完成页面布局 flex可以使元素具有弹性,让元素可以跟随页面的大小的改变而改变 开启flex布局只需要在外层容器设置display:flex(整个网页也可以看做是一个flex容器) 弹性容器: 要使用弹性盒,必须先将一个元素设置为弹性容器( 阅读全文
posted @ 2022-06-29 19:34 长安·念 阅读(766) 评论(0) 推荐(0) 编辑
摘要:盒模型是什么? 当对一个文档进行布局的时候,浏览器的渲染引擎会根据标准之一的 CSS 基础框盒模型,将所有元素表示为一个个矩形的盒子 这个盒子由四个部分组成:content、padding、border、margin content:内容 boreder:边框(粗细、样式、颜色三部分组成) padd 阅读全文
posted @ 2022-06-16 19:37 长安·念 阅读(97) 评论(0) 推荐(0) 编辑
摘要:通过为按钮的背景设置 opacity 属性就可以呈现出无法点击的效果。 (一)button 元素 为 元素添加 disabled 属性,使其表现出禁用状态。 代码如下: <button disabled="disabled">Primary button</button> 效果: (二)链接(<a> 阅读全文
posted @ 2022-06-16 19:00 长安·念 阅读(388) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示