咨询电话:
15628812133
TAG:
css
济南建网站粘性定位(sticky)详解

粘性定位(sticky)详解

sticky定位(粘性定位),指的是基于用户的滚动位置来定位。不同于前四个定位,他有点像relative和fixed的结合:当定位基点是自身默认位置时,他呈现为relative定位,而当页面滚动区域大于你的目标区域时,他则表现为fixed定位,可以固定在页面的某个位置。 粘性定位特点:1.以浏览器的可视窗口为参照点移动元素(固定定位特点)2.粘性定位占有原先的位置(相对定位特点)3.必须添加 to...
济南建网站超出显示省略号

超出显示省略号

最近做的项目发现一个问题,如果文本过长的话会超出显示,设置宽度可以解决,但是这样文本会换行,就会导致某一行的高度比其他行的高度高,造成页面结构的混乱,这里可以用css来解决:white-space:nowrap 文本不换行overflow:hidden 多余内容将被修建且不可见text-overflow:ellipsis 不可见的内容以省略号的形式向用户展示。成功!这里就有聪明...
2023-07-07
济南建网站根据数字不同显示不同的状态--函数法

根据数字不同显示不同的状态--函数法

之前为大家分享了根据后端返回的数字来显示不同的文字和状态,方法是在回调函数中直接处理改变数据。这里为大家分享另一种方法,正常获得回调函数中的值,改为直接在element表格中通过插槽和函数来改变文字。通过作用域插槽拿到表格的数据,传递该数据使函数生效,进而改变文字。这里还可以通过三目运算符来判断数字来改变css,以达到不同颜色不同文字的效果。
2023-06-26
济南建网站CSS伪类与伪元素的区别及用法

CSS伪类与伪元素的区别及用法

伪类与伪元素统称为伪选择器。首先举两个简单地例子看一下区别伪类的:first-child的举例我们如果想要给p中的第一个span更改颜色,通常的做法就是向他添加一个类,然后定义其样式。代码如下:这里我们更换一种方法,不用添加类我们直接设置第一个的:first-child伪类来为它添加样式。 这个时候,被修饰的元素依然处于文档树中,以上两个方法的效果都是相同的。下面来看伪元素的...
济南建网站CSS实现三角形

CSS实现三角形

早上好,欢迎观看济南软件开发的网站,我们是文汇软件,专业app开发,系统开发,微信小程序开发。今天给大家分享一下用css实现三角形。将一个div的宽度和高度设置为0,然后设置边框样式.triangle{ width: 0; height: 0; border-top: 50px solid black; border-right: 50px solid red; bo...
2020-06-17
济南建网站推荐的CSS书写顺序、规范

推荐的CSS书写顺序、规范

下午好 ,欢迎观看济南app开发山东文汇的官网, 昨天给大家分享了CSS 优化、提高性能的方法,今天给大家分享一下css书写顺序和规范。写了那么长时间的代码,也看了不少教程。在某篇教程中得知css也是有书写顺序的。css书写顺序:位置属性 (position, top, right, z-index, display, float等)  大小 (width, height, padding, ma...
2019-12-10