黑马程序员前端-CSS用户界面样式源码

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了黑马程序员前端-CSS用户界面样式源码相关的知识，希望对你有一定的参考价值。

按照html+CSS的学习顺序笔记已经更新了26篇内容了，因为篇幅问题，请看文末。

今天来学用户界面样式。

一、什么是界面样式

所谓的界面样式，就是更改一些用户操作样式，以便提高更好的用户体验。

- 更改用户的鼠标样式

- 表单轮廓

- 防止表单域拖拽

li 
 	cursor: pointer;

设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。

给表单添加 outline: 0; 或者 outline: none; 样式之后，就可以去掉默认的蓝色边框。

input 
 	outline: none;

实际开发中，我们文本域右下角是不可以拖拽的。

textarea 
 	resize: none;

CSS 的 **vertical-align** 属性使用场景：经常用于设置图片或者表单(行内块元素）和文字垂直对齐。

官方解释：用于设置一个元素的**垂直对齐方式**，但是它只针对于行内元素或者行内块元素有效。

语法：

vertical-align : baseline | top | middle | bottom

2022年前端学习路线图：课程、源码、笔记，技术栈
欢迎小伙伴们留言哦，期待看到大家的进步。另外此线路图实时更新！需要课后资料的友友们，可以直接告诉我。

以上是关于黑马程序员前端-CSS用户界面样式源码的主要内容，如果未能解决你的问题，请参考以下文章