CSS--文字、文本属性和颜色

文字属性:

<!--
1.文字样式font-style
取值:
normal:正常(默认取值)  
italic:倾斜
快捷键:
fs font-style: italic;  
fsn font-style: normal;

2.文字粗细font-weight
取值:
bold 加粗
bolder  比加粗还要粗
lighter 细线
normal 常规(默认)
数字取值:100-900之间整百的数字 400 等同于 normal,而 700 等同于 bold

快捷键
fw font-weight:;
fwb font-weight: bold;
fwbr  font-weight: bolder;

3.文字大小font-size
单位:px(像素 pixel)
注意点: 通过font-size设置大小一定要带单位px,浏览器默认文字大小都是16px
快捷键
fz font-size:;
fz30 font-size: 30px;

4.文字字体font-family
注意点:
4.1 如果取值是中文需要用双引号或者单引号括起来
4.2 当使用某种字体时,如果浏览器支持该种字体,就使用该字体。如果不支持,则使用浏览器默认字体(宋体)。
4.3 如果设置的字体不存在, 又不想用默认的字体:可以给字体设置备选方案
格式:font-family:"字体1", "备选方案1", ...;
当采用多个字体时,浏览器会优先使用前边的字体。如果前边没有则尝试下一个。
4.4 如果想给中文和英文分别单独设置字体:
中文字体可以处理英文, 而英文字体不能处理中文(如果想给界面中的英文单独设置字体, 那么英文的字体必须写在中文的前面)
4.5 常用中英文字体:
中文: 宋体/黑体/微软雅黑
英文: "Times New Roman"/Arial
4.7 并不是名称是英文就一定是英文字体
因为中文字体其实都有自己的英文名称, 所以是不是中文字体主要看能不能处理中文
宋体 SimSun
黑体 SimHei
微软雅黑 Microsoft YaHei

5. 缩写font: style weight size family;
例如:font:italic bold 10px "楷体";
可以省略的属性值:style和weight
不可省略的属性值:size和family
size一定要写在family的前面, 而且size和family必须写在所有属性的最后
-->

文本属性:

<!--
1.文本装饰:text-decoration
取值:
underline 下划线
line-through 删除线
overline 上划线
none 主要用于去掉超链接的下划线
快捷键:
td  text-decoration: none;
tdu text-decoration: underline;
tdl text-decoration: line-through;
tdo text-decoration: overline;

2.文本水平对齐text-align
取值:
left 左(默认取值)
right 右
center 中
快捷键
ta text-align: left;
tar text-align: right;
tac text-align: center;

3.文本缩进text-indent
取值:2em, 其中em是单位, 一个em代表缩进一个文字的宽度
快捷键
ti text-indent:;
ti2e text-indent: 2em;
-->

颜色:

修改文字颜色:
color: 值;
取值:
1英文单词
2 rgb
格式: rgb(0,0,0)
第一个数字:红色显示的亮度 红色: rgb(255,0,0);
第二个数字:绿色显示的亮度 绿色: rgb(0,255,0);
第三个数字:蓝色显示的亮度 蓝色: rgb(0,0,255);
黑色: rgb(0,0,0); 白色: rgb(255,255,255);
只要让红色/绿色/蓝色的值都一样就是灰色。而且如果这三个值越小那么就越偏黑色, 越大就越偏白色。例如: color: rgb(200,200,200);
3 rgba
a代表透明度, 取值是0-1, 取值越小就越透明
例如: color: rgba(255,0,0,0.2);
4 十六进制
通过每两位表示一个颜色
例如: #FFEE00 FF表示R EE表示G 00表示B

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值