CSS一些常用的属性，学到你就赚到了！

****CSS一些常用属性***

0.去掉下划线 ：text-decoration:none ;

1.加上下划线： text-decoration: underline;

2.调整文本和图片的位置（也就是设置元素的垂直对齐方式）：vertical-align:-20px;

3.外边距：margin

4.内边距：padding

5.居中；margin 0 auto;(只是针对盒子居中)

6内联标签是不可以设置长宽的，有时候就得把内联标签变成块级标签或者块级内联标签，这就用到了display标签。。

1.将内联标签转换成块级标签：display:block;

2.将块级标签转换成内联标签：display:inline;

3.块级内联标签：display；inline-block;

块级内联标签可以像块级一样可设长宽，也可像内联一样在一行显示

6.隐藏的两个方法：display:none; #隐藏了会顶上去

visibility :hidden; #隐藏了不会顶上去

7.隐藏溢出的两个方法：overflow :auto;

overflow :scoll; #带滚动条

8.文本水平居中：text-align:center;

文本垂直居中：line-height;

9.伪类；

1.没访问之前： a:link{color:red;}

2.鼠标悬浮时： a:hover{color:green;}

3.访问过后： a:visited{color:yellow;}

4.鼠标点击时 a:active{color:blue;}

5.在p标签属性为c2的后面加上内容

p.c2:after{

content:'hello';

color:red;

}

6.在p标签属性为c2的钱面加上内容

p.c2:before{

content:'啦啦啦';

color:red;

}

10.position的四种属性

1.static：默认位置

2.fixed：完全脱离文档流，固定定位(以可视窗口为参照物)

3.relative:相对定位(参照的是自己本身的位置)，没有脱离文档流，没有顶上去，会保持自己的位置不动。可以使用top left进行定位

4.absolute:绝对定位：脱离了文档流（参照的是按已定位的父级标签定位，如果找不到会按body的去找）

注意！！：将定位标签设置为absolute，将他的父级标签设置为定位标签 （relative）

11.float和position的区别

float：半脱离文档流

position：全脱离文档流

12.z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

13.透明度：opacity:0.4;

14.边框弧度：border-radius: 50%;#圆

15.去除列表前面的标志：list-style:none;

16.对齐上面和左边最顶部：padding:0; margin:0;

17.字体加粗样式： font-weight: 900;

18.需要注意的几个逻辑表达式的问题，下面的这个和js的&&，||用法是一样的

print(3 and 5) #两个为真才为真

print(0 and 3) #0是假就不判断后面了，直接成假了

print(0 or 3) #有一个为真就为真

print(2 or 3) #2已经为真了那么就不会去判断后面了