学习心得 --- CSS高级样式篇

本文主要探讨CSS中的一些高级特性,包括鼠标样式cursor的设定、轮廓outline的使用、如何防止文本域resize、垂直对齐vertical-align的应用以及如何处理文字溢出。通过具体的样式属性和示例,展示了如何有效地控制元素的视觉效果和布局。
摘要由CSDN通过智能技术生成

鼠标样式cursor

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

cursor : 光标 | default小白 | pointer 小手 | move 移动| text 文 本

轮廓 outline

 

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

outline : outline-color || outline-style|I outline-wi dth

但是我们都不关心可以设置多少,我们平时都是去掉的。

最直接的写法是: outline: 0; 或者outline: none;

<input type="text"  sty1e="outline: 0;"/>

防止拖拽文本域resize

resize:none 这个单词可以防止 火狐 谷歌等浏览器随意的拖动 文本域。

 

vertical-align 垂直对齐

 

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

溢出的文字隐藏

word-break:自动换行

white-space设置或检索对象内文本显示方式。通常我们使用于强制一行显示内容

normal:默认处理方式

nowrap:强制在同一行内显显所有文本,直到文本结束或者遭遇br标签对象才换行。可以

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值