网站地图,品牌广告设计制作公司网站源码,网站建设调查问卷,江苏网站建设包括哪些2. CSS用户界面样式
所谓的界面样式#xff0c; 就是更改一些用户操作样式#xff0c;以便提高更好的用户体验。 更改用户的鼠标样式 (滚动条因为兼容性非常差#xff0c;我们不研究)表单轮廓等。防止表单域拖拽
2.1 鼠标样式cursor
设置或检索在对象上移动的鼠标指针采…2. CSS用户界面样式
所谓的界面样式 就是更改一些用户操作样式以便提高更好的用户体验。 更改用户的鼠标样式 (滚动条因为兼容性非常差我们不研究)表单轮廓等。防止表单域拖拽
2.1 鼠标样式cursor
设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。
属性值描述default小白 默认pointer小手move移动text文本not-allowed禁止
鼠标放我身上查看效果哦
ulli stylecursor:default我是小白/lili stylecursor:pointer我是小手/lili stylecursor:move我是移动/lili stylecursor:text我是文本/lili stylecursor:not-allowed我是文本/li
/ul2.2 轮廓线 outline 是绘制于元素周围的一条线位于边框边缘的外围可起到突出元素的作用。 outline : outline-color ||outline-style || outline-width 但是我们都不关心可以设置多少我们平时都是去掉的。 li
最直接的写法是 outline: 0; 或者 outline: none; input typetext styleoutline: 0;/2.3 防止拖拽文本域resize 实际开发中我们文本域右下角是不可以拖拽
textarea styleresize: none;/textarea2.4 用户界面样式总结
属性用途用途鼠标样式更改鼠标样式cursor样式很多重点记住 pointer轮廓线表单默认outlineoutline 轮廓线我们一般直接去掉border是边框我们会经常用防止拖拽主要针对文本域resize防止用户随意拖拽文本域造成页面布局混乱我们resize:none
