首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

CSS3颜色,文字,文本部分常用属性

CSS3颜色表示方法:

1、颜色名称

2、十六进制

3、RGB方式 (r,g,b)

4、RGBA (支持透明)(r,g,b,a)

5、HLS (色调,饱和度,亮度0.0%-100.0%)

6、HLSA (支持透明)(h,l,s,a)

注:a代表alpha是介于(完全透明)0.0——(完全不透明)之间的数字1.0之间的数字。可以下载颜色表或者在颜色选择器上选择。

CSS3字体属性表示方法:

1、font-size :字体大小

默认em(浏览器默认大小),表示方法2em,10px,120%。

2、font-variant:英文字母大小写

normal(默认),small-caps(显示小型大写字母)。

3、font-style:字体样式

normal(默认),italic(斜体)。

4、font-weight:字体粗细

normal(默认),bold(粗体)。

数字表示方法:100-900(400=normal,700=bold)。

5、font-family:字体系列名称

电脑中有的字体,且可以下载字体嵌入。

6、font:设置字体所有属性

必须设置字体大小和字体系列名称。

7、@font-face:嵌入字体

{ font-family:"**"字体名字

src:url('****.ttf')

}

CSS3文本属性表示方法:

1、color:设置文本颜色

2、background:设置文本背景色

3、text-align:水平对齐方式

left(默认)/right/center/justify。

4、text-indent:设置文本首行缩进(2em/px)

5、text-decoration:向文本添加修饰

none(默认)/underline/overline(上/下划线)/line-through(穿过文本)/blink(闪烁的文本)

6、letter-spacing:字符间距(em/px/百分比/负值)

7、word-spacing:字/单词间距 (normal=0)

8、text-transform:设置文本大小写

none(默认)/uppercase/lowercase(大/小写所有字母)

capitalize(大写字母开头)

9、text-shadow:文本阴影

格式:(x偏移量,y偏移量,模糊度,颜色)

10、while-space:元素中空白处理方式

normal(默认空白忽略)/pre(空白被保留=

)/nowrap(不换行,直到

)/pre-warp(保留空白,换行)

pre-line(合并空白符,换行)

11、direction:文字方向

ltr(默认左->右)/rtl(右->左)

12、unicode-bidi:bidi-override : 文字顺序从右向左

13、word-wrap:break-word:长单词换行

14、word-break:换行

break-all(允许单词内换行)/keep-all(在半角字符或连接字符处换行)

15、-webkit-text-stroke:#px color;:文字描边

16、-webkit-fill-color:color;:填充色

继续加油!!

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180313G1NPCY00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券