css3小总结

Posted 2020-07-24

一.边框

1.border-radius：x,y,模糊半径，color（x为负数时左移动，y为负数是上移动）

2.box-radius:x,y,模糊半径，阴影半径，color

3.border-image:url() 切割图片的大小 repeat/round(平铺)/stretch(拉伸)。（*）

二.文字与字体

1.text-shadow:x,y,模糊半径，color;

[email protected]{

font-family:"mooc "

url(字体服器上的链接地址)；

}

p{font-family:"mooc "}

3.text-overform:over;但是text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果，

三.颜色

1.background:rgba(111,33,22,0.5)R,G,B 0-255之间的值，0-1之间的透明度。

2.background:linear-gradient(top left,yellow,red,blue)90deg=to left,270deg=to right/180=to bottom/0=to top /to top left右上角到左上/to top right左上角到右上角。

四.与背景相关的样式

1.background-fize:20px 30px 背景缩放cover图片覆盖整个容器content沿边覆盖。

2.background-origin:padding-box/border/box/content-box背景开始位置

3.background-clip:padding-box/border/box/content-box背景图片裁剪的位置

4.multip-background:背景多重样式。

a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的，a:active 必须被置于 a:hover 之后，才是有效的。

---