学码思分享css使用的七点技巧
在web前端开发中,html和css是非常基础的两部分内容,我们写网页的时候,需要用到css来给网页加上各种各样的样式,如果能掌握一些css使用技巧的话,是可以极大的提高开发效率的。今天南京学码思web培训老师就为大家总结分享了css使用的七点技巧,正在学习web前端的小伙伴们不要错过了。
怎么让单行文本在容器内垂直居中?
#test{height:25px;line-height:25px;}
怎么清除图片下方出现几像素的空白间隙?
方法1:img{display:block;}
方法2: img{vertical-align:top;}
怎么让文本垂直对齐文本输入框?
input{vertical-align:middle;}
怎么让超链接访问后和访问前的颜色不同且访问后仍保留hover和active效果?
a:link{color:#03c;}
a:visited{color:#666;}
a:hover{color:#f30;}
a:active{color:#c30;}
怎么使文本溢出边界显示为省略号?
#test{width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
怎么使文本溢出边界不换行强制在一行内显示?
#test{width:150px;white-space:nowrap;}
怎么使连续的长字符串自动换行?
#test{width:150px;word-wrap:break-word;}
以上七个技巧,不知道你有没有学会呢?虽然web前端的入行门槛不高,但多学习一些开发技巧,提高开发效率,也是能在职场中占得优势的。南京学码思作为一家专业的web培训学校,有完善的课程体系,也会经常与学员分享一些技能技巧,如果你想直接获得课程资料和web前端教程的话,可以直接咨询在线客服,名额有限,先到先得!