css文本属性

文本样式

字体:body{font:italic bold 36px "宋体" ;}

字体类型:body{font-family: Times,"Times New Roman", "楷体";}

无法加载字体时从前往后顺延,先写英文字体,再写中文字体(英文字体不会影响中文,中文会影响英文)。

字体是中文时,加双引号。英文字体有空格时,加双引号。

字体大小:p{font-size:32px;}

单位:px(像素)推荐使用

em(字节)(1em=16px)、rem、cm、mm、pt、pc 

字体风格:p{font-style:normal / italic / oblique;}

italic=oblique 斜体

字体的粗细:p{font-weight:lighter / normal/400 / bold/700 / bolder;}

或数字,normal=400;bold=700。

p span{font:oblique bold 12px "楷体";}

字体颜色:p{color:red;}

RGB:

十六进制方法表示颜色:前两位表示红色分量,中间两位表示绿色分量,最后两位表示蓝色分量。取值范围A~F,0~9。p{color:#A983DD;}

rgb(r,g,b) : 正整数的取值为0~255。p{color:rgb(0,255,255);}

RGBA:在RGB基础上增加了控制alpha透明度的参数,其中这个透明通道值为0~1。p{color:rgba(0,0,255,0.5);}

文本装饰   a{text-decoration:none;}

none:标准格式,去掉超链接的下划线。

underline:设置文本的下划线。

overline:设置文本的上划线

line-through:设置文本的删除线

文本阴影:p{text-shadow:color  x-offset  y-offset  blur-radius;}

x以右为正,y以下为正

blur-radius 阴影模糊半径

排版文本段落:

水平对齐方式  *{text-align:right;}

left左 center中间

justify:两端对齐

垂直对齐方式 p{vertical-align:middle;}

middle、top、bottom

行高 p{line-height:5px;}

垂直居中p{vertical-align:middle;} 或  p{line-height:5px(等于height时);}

首行缩进  p{text-indent:2em;}

单位em或px

  • 15
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值