![](https://img-blog.csdnimg.cn/20190918140053667.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
css
css
天天加班写代码
这个作者很懒,什么都没留下…
展开
-
css通过calc()函数计算高度不生效
css通过calc()函数计算高度不生效原创 2024-07-07 10:23:32 · 104 阅读 · 0 评论 -
CSS中position属性( absolute | relative | static | fixed )详解
我们先来看看CSS3 Api中对position属性的相关定义:static:无特殊定位,对象遵循正常文档流。top,right,bottom,left等属性不会被应用。relative:对象遵循正常文档流,但将依据top,right,bottom,left等属性在正常文档流中偏移位置。而其层叠通过z-index属性定义。absolute:对象脱离正常文档流,使用top,right,bottom,left等属性进行绝对定位。而其层叠通过z-index属性定义。fixed:对象脱离正常文档流,使用to转载 2022-04-07 23:47:33 · 1773 阅读 · 0 评论 -
z-index的使用方法
z-index 仅能在定位元素上奏效(例如 position:absolute;)z-index类似ps的图层,数字越高,显示越靠上。可以通过一个div设置白色背景色,作为背景。 然后方法里面切换元素的类名。.position{ position:absolute; z-index:1}.position1{ position:absolute; z-index:3}.white{ position:absolute; z-index:2; background-原创 2021-12-21 23:20:21 · 458 阅读 · 0 评论 -
js中给元素添加类的方法
1.为 <div> 元素添加一个类:document.getElementById("div").classList.add("类名");2.为 <div> 元素添加多个类:document.getElementById("div").classList.add("类名1","类名2","类名3",...);3.为 <div> 元素移除一个类:document.getElementById("div").classList.remove("类名");4.为 &转载 2021-12-21 23:13:09 · 360 阅读 · 0 评论 -
css positions 属性 absolute
position: absoluteabsolute(绝对定位)是指给元素设置绝对的定位,相对定位的对象可以分为两种情况:1) 设置了absolute的元素如果存在有祖先元素设置了position属性为relative或者absolute,则这时元素的定位对象为此已设置position属性的祖先元素。2) 如果并没有设置了position属性的祖先元素,则此时相对于body进行定位。具体使用方法: 给标签添加class, 然后样式里面先写position: absolute; 然后通过top,bo原创 2021-12-17 08:53:55 · 2659 阅读 · 0 评论 -
vue样式私有化scoped
在Vue文件中的style标签上有一个特殊的属性,scoped。当一个style标签拥有scoped属性时候,它的css样式只能用于当前的Vue组件,可以使组件的样式不相互污染。如果一个项目的所有style标签都加上了scoped属性,相当于实现了样式的模块化。示例<style scoped>.buttonColor { background: rgb(69, 102, 255);}</style>...原创 2021-11-12 22:29:39 · 247 阅读 · 0 评论 -
css的margin数据
margin:10px 5px 15px 20px; margin 4个参数分别对应上、右、下、左。原创 2021-11-12 10:01:27 · 154 阅读 · 0 评论 -
css元素放在一行上
使用flex弹性布局,可以将元素放在一行上。用div将这一行的元素包裹起来, 然后div的样式如下:<style>.header { display:flex; align-items:center;/*垂直居中*/ justify-content: center;/*水平居中*/ } </sytle> 里层的元素,也可以用div包裹起来,然后设置百分比宽度style=“width: 60%”这样多个元素就能放在同一行居中或者水平显示了。...原创 2021-11-11 13:01:33 · 4338 阅读 · 0 评论 -
css设置Cascader和其他文字占用一行
给Cascader设置样式 display: inline-block<div> 风险车间: <Cascader v-model="uniModel" :data="unitList" @on-change="getJobs" style="width: 600px; display: inline-block" ></Cascader> </div>原创 2021-11-09 22:52:30 · 149 阅读 · 0 评论