其他分享
首页 > 其他分享> > CSS:凹凸文字,空心文字,精灵图(简),盒模型

CSS:凹凸文字,空心文字,精灵图(简),盒模型

作者:互联网

凹凸文字

class=‘ao’凹

class=‘to’凸

text-shadow:

 

 

 

空心文字

-<p>

-webkit-text-fill-color: 颜色; -webkit-text-stroke-color: 颜色; -webkit-text-stroke-width: 大小;

 

精灵图(雪碧图)

为了节省网络资源,通常网页上小图标和图片都合成在一张图片上,到使用的时候再切图

查到目标图标大小,设置宽高,通过position调整位置,找到目标图标

 

盒模型-外边距

内到外:

margin/border/padding/content

margin-top/right/left/bottom

margin合并设置:

上- 右- 下- 左 顺序

没有值的话,从对面的边取。

 

盒模型内边距:

padding:

padding-top/right/left/bottom

 

标签:文字,right,text,padding,凹凸,webkit,margin,CSS
来源: https://www.cnblogs.com/LIXI-/p/16486015.html