css罕见的冷门样式

css专题技术文献

开发工具与关键技术：css罕见的冷门样式 
作者：梁文杰
撰写时间：2019年1月18日

1） text-decoration属性
text-decoration标签的作用是取消下划线，就比如下图1所示，我们在a标签里放文字，那么文字就自动生成了下划线，我们不想要这个下划线怎么办呢？
没错，就是用这个text-decoration标签，只需在选择器里设置text-decoration:none；就可以把下划线去除了

2） hover属性
hover属性有什么作用呢？
我们通常称hover属性为hover伪类，它常用作用是鼠标移入文本时能让文本内的文字生成你需要的样式，
写法如下图2、3，我分别给它设了背景颜色和字体颜色，效果图请看图4、5
当然，它不只是能对文本所用，也可以给框架所使用，就不作多示范了

3） overflow属性
overflow属性的作用时超出部分隐藏，就如下图1、2所示，这种图片宽300px、高312px，
而我们给他的父级元素设了宽250px、高200px（如图3、4），所以说外面的框架是容不下这张照片的，
那么会发生怎样的，接下来请看下面?

如下图所示可以清楚看到，照片并不管父级元素的框架多大而整张图片都显示出来，那么我们想要照片超出的部分隐藏应该怎么做呢？看下面?

在我们给这个父级元素设了overflow:hidden;之后，照片超出父级元素的部分就隐藏了