![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
槐序十八
这个作者很懒,什么都没留下…
展开
-
vue中修改elementui样式
在vue中使用elementui时会遇到很多问题,修改样式是其中比较麻烦的一点,很多时候修改样式会遇到各种各样的问题,比如说权重不够的情况,也有时候加了 !important 之后也没有变化,这时候就要考虑是不是遇到其他问题了 就比如修改这个下拉列表框的宽度时,无论是加class 还是就加 id 甚至加入 important 都无法该变它的样式,这种情况下应该是因为你的vue页面的style 标签中加入了 scoped 这个属性会使样式不影响当前页面之外的元素,而使用elementui中的组件时,修改样原创 2021-08-29 12:50:42 · 476 阅读 · 0 评论 -
CSS常用清除浮动方式总结
浮动(float)简介 CSS浮动属性(float)最早是为了完成文字环绕效果来开发的,后来被用于布局,可以让元素脱离文档流,但也正是脱离了文档流才引起了各种布局问题。 在父元素不定宽高的情况下,我们一般希望父元素由子元素撑开,但通过浮动脱离了文档流的元素不会撑开父元素,也就改变了页面的布局,这也是遇到的浮动问题 解决办法 基础HTML标签 <div class="box"> <div class="a"> </div> &原创 2021-05-28 10:01:36 · 167 阅读 · 0 评论 -
CSS常用垂直居中方式
在网页布局中,我们有很多种方法可以做到元素的垂直居中,那么今天就来总结一下常用的一些方法吧 基础HTML标签 <div class="father"> <div class="son"> 1234 </div> </div> 基础CSS样式 .father{ width: 1000px; height: 800px; backgr原创 2021-05-27 18:56:31 · 43 阅读 · 0 评论 -
CSS盒模型
盒子模型 所有HTML元素都可以被看作盒子,便于布局,它主要由四个部分组成,从外到内分别是 外边距(margin)、边框(border)、内边距(padding)、内容(content) 在浏览器中审查元素即可看到模型,其中最外层橘黄色的部分就是外边距(margin),第二层浅黄色的即为边框(border),第三层绿色的部分是内边距(padding),而最中间的蓝色就是实际的内容区域(content) (该图来自于Google浏览器审查) 而在一般情况下,通常css中设置元素的width和heigh原创 2021-05-24 11:07:31 · 116 阅读 · 0 评论