CSS:阴影/边框/背景

2019独角兽企业重金招聘Python工程师标准>>>

文本阴影（text-shadow）：（，，，）水平的偏移值，垂直方向的偏移量，模糊度，阴影颜色

box-shadow(元素阴影)：（，，，，）水平的偏移值，垂直方向的偏移量，模糊度，阴影颜色，外延值

text-overflow文本溢出

word-wrap（换行）：break-all让连续的文字断行

引用字体库：@font-face{}

font-family{设置为定义的字体库}

颜色：rgba( , , , 0-1透明度)：对话框/hsl（色调，饱和度，亮度）/hsla/rgb(0-255)

边框：（border-radius:半径；可设置多个值（左上，右下/右上和左下一致）边框圆角）eg(五环)；

border-image:url()  （边框大小） round(拉伸填满)/repeat(重复);//边框图片；必须设置边框大小

背景：(背景默认是从padding开始填充)

background-origin(背景开始的地方（原点）):padding-box;原点/context-box(从内容开始)；/border-box(从边框开始);

background-clip(背景裁切):content-box;（从内容开始，将内容前面的背景（padding/border）切掉）；padding-box;()/border-box();/text(用字去裁切背景

font-weight:bolder/bold;加粗

background-size(背景大小)：200px  200px(水平 垂直高度)/cover(覆盖：图片会等比例缩放，直到两边都覆盖容器，背景可能会出去)/contain(包含：图片等比例缩放，直到一边覆盖到容器，背景不会出去) ;

多背景：background:url（） 10 10(位置)，url() 100 100(位置)；

背景渐变：background:linear-gradient线性的(to butom(从上到下), #f00，#0f0);

转载于:https://my.oschina.net/u/4045971/blog/3017279