标签:style outline vertical text 元素 高级 CSS 技巧
元素的显示与隐藏
display
visibility
overflow
opacity
鼠标样式
cursor : default 小白 | pointer 小手 | move 移动 | text 文本
防止拖拽文本域resize
outline : outline-color ||outline-style || outline-width
轮廓
outline : outline-color ||outline-style || outline-width
垂直对齐
vertical-align : baseline |top |middle |bottom
去除图片底侧空白缝隙
1、两者之间有默认外边距的解决方法
修改父级元素字体尺寸:font-size:0;
2、给img 添加 display:block; 转换为块级元素就不会存在问题了
3.注释
两个相邻的行内块其中一个设置外边距另一个也受影响的原因和解决办法
1、外边距受影响的解决办法:
修改内联元素对齐属性:vertical-align:top;
溢出的文字隐藏
word-break
white-space
text-overflow、
.CSS精灵技术
这将大大降低页面的加载速度。为了有效地减少服务器接受和发送请求的次数,提高页面的加载速度,出现了CSS精灵技术(也称CSS Sprites、CSS雪碧)。
标签:style,outline,vertical,text,元素,高级,CSS,技巧 来源: https://www.cnblogs.com/whwqf/p/15583361.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。