html css高级技巧

元素显示与隐藏

display:none隐藏对象

display:none转换为块级元素，显示元素

visibility：visble对象可见

visibility：hidden对象隐藏保留原始位置

overflow：visible：直接添加没有修饰

overflow：auto 超出自动显示的内有不显示滚动条

overflow hidden 不显示超出部分

overflow scroll 显示滚动条

鼠标样式

cursor : default 小白

pointer 小手

move 移动

text 文本

轮廓突出边框边缘外围，突出元素 outline : outline-color ||outline-style || outline-width

防止拖拽 resize：none

可以拖拽 <textarea></textarea>

不可以拖拽 <textarea style="resize: none;"></textarea>

垂直对齐 vertical-align : baseline |top |middle |bottom

去除图片空白缝隙 修改父级元素字体尺寸：font-size:0 转化块级元素给img 添加 display：block;

溢出文字隐藏 word-break

normal 默认

break-all 允许单词内换行

keep-all 只能在半角或连字符处进行换行

设置...表示对象溢出的部分  text-overflow : clip | ellipsis