CSS一些冷门但优化用户体验的样式属性

简介: CSS一些冷门但优化用户体验的样式属性

众所周知,CSS是用来写页面的样式的,一些基础的样式属性想必大家一定是会用的,今天给大家分享没有他也能用,但有了他更好的一些属性

首先是这个属性(鼠标放上去变成小手):

cursor: pointer;

这个还是蛮好用的,一般加在按钮上或者一些需要进行点击的元素上,当鼠标放在这个元素上,鼠标就会变成一个小手指着该元素,也是提升用户体验了,让用户知道这个“按钮”可以点击

还有一个我个人觉得蛮有用的(鼠标放上去变成禁止)

cursor: not-allowed;

一般加在按钮上或者一些需要进行点击的元素上,当鼠标放在这个元素上,鼠标就会变成一个圆圈,相当于禁止修改该元素,也是提升用户体验了,让用户知道这个“按钮”或“输入框”是用来查看的,不可以点击或进行修改

shape-outside: circle(50%);

还有属性是用来控制元素外形形状的

shape-outside: circle(50%);

这个属性可以将元素的形状来进行改变,根据自己的需要来进行调整改变,可以优化页面的样式,提升用户体验

下面这个应该不算是冷门(css旋转属性):

transform:rotate(angle);

这个属性也是可有可无,但是有了也是优化用户体验

说白了CSS的样式怎么写都可以,就看这些花里胡哨的属性自己怎么去利用了,只有样式写的尽人意,让人要看下去的念头,当然项目才会被重视和推广

相关文章
|
1天前
|
前端开发
CSS属性众多
【5月更文挑战第24天】CSS属性众多
9 3
|
1天前
|
前端开发
只是一小部分CSS属性的示例
【5月更文挑战第24天】只是一小部分CSS属性的示例
10 2
|
2天前
|
前端开发 JavaScript
HTML DOM如何通过JavaScript动态改变元素的CSS样式?
【5月更文挑战第23天】HTML DOM如何通过JavaScript动态改变元素的CSS样式?
5 1
|
8天前
|
前端开发
一文搞懂css常用字体属性与背景属性(2),非科班面试之旅
一文搞懂css常用字体属性与背景属性(2),非科班面试之旅
|
9天前
|
前端开发
particlesJS使用简介,CSS字体样式值
particlesJS使用简介,CSS字体样式值
|
9天前
|
前端开发 开发者 UED
深入理解CSS属性“flex:1”的奥秘
深入理解CSS属性“flex:1”的奥秘
|
9天前
|
前端开发
CSS优先级:如何解决样式冲突?
CSS优先级:如何解决样式冲突?
|
10天前
|
前端开发 数据安全/隐私保护
利用 HBuilderX 设置CSS样式会员注册页面
利用 HBuilderX 设置CSS样式会员注册页面
18 1
|
10天前
|
前端开发
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
|
10天前
|
前端开发 容器
css 中可以让文字在垂直和水平方向上重叠的两个属性是什么?
css 中可以让文字在垂直和水平方向上重叠的两个属性是什么?
12 1