CSS样式属性

元素的显示与隐藏

display visibility 和 overflow。
display 显示
display 设置或检索对象是否及如何显示。
display : none 隐藏对象 与它相反的是 display:block 除了转换为块级元素之外,同时还有显示元素的意思
特点: 隐藏之后,不再保留位置。

visibility 可见性
设置或检索是否显示对象。
visible :  对象可视
hidden :  对象隐藏
特点: 隐藏之后,继续保留原有位置。
overflow 溢出
检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。
visible :  不剪切内容也不添加滚动条。
auto :   超出自动显示滚动条,不超出不显示滚动条
hidden :  不显示超过对象尺寸的内容,超出的部分隐藏掉
scroll :  不管超出内容否,总是显示滚动条

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

轮廓 outline
是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用

防止拖拽文本域resize
resize:none 这个单词可以防止随意的拖动 文本域。

vertical-align 垂直对齐,不影响块级元素中的内容对齐,它只针对于 行内元素或者行内块元素,特别是行内块元素, 通常用来控制图片/表单与文字的对齐

溢出的文字隐藏white-space
设置或检索对象内文本显示方式

text-overflow : clip | ellipsis
设置或检索是否使用一个省略标记(…)标示对象内文本的溢出
clip :  不显示省略标记(…),而是简单的裁切
ellipsis :  当对象内文本溢出时显示省略标记(…)

猜你喜欢

转载自blog.csdn.net/qq_43021088/article/details/82151989