CSS中好用但是又经常忘记的属性

144 阅读1分钟

一.文本装饰属性:

1. 添加删除线: text-decoration: line-theough ;

**2. 文本缩进: **

text-indent: 2em ; 缩进两个位置

二、背景属性

1.设置背景图片位置 用数字的时候前面是X轴,后面是y轴 ,如果只写一个数值的话默认第一个是X轴,另一个是居中对齐。 background-position: X,Y;

2.设置背景图片大小

background-size:宽度 高度;

3.背景渐变颜色

background-image:linear-gradient(颜色1, 颜色2));

元素的显示与隐藏

写在想隐藏的那个盒子里面

隐藏元素:display: none;

显示元素:display: block;

溢出清除

写在想超出出不要多余部分的盒子上

overflow:hidden; 超出的部分删除

overflow:auto; 内容超出自动显示滚动条

鼠标界面样式

cursor: pointer( 小手属性) ;

cursor的其他属性值

default (白色箭头) ; move(移动标志) ;text (文本标志) ; not-allowed (禁止标志)

表单轮廓

取消光标定在搜索框里有带颜色的效果。

input{outline:none;}

防止文本域拖拽

textarea{resize:none;}

设置图片和文字对齐的属性

vertical-align属性的应用 (该属性用于元素的垂直对齐方式,文本和图片这样的)该元素只对行内块元素生效

vertical-align: baseline (基线) ; top(顶端); middle(中部) ; bottom(底部) (这个属性可以解决图片底部空白间隙的问题)