css文本属性和文字属性

文字属性

1、字体样式(一般默认为微软雅黑,或者根据浏览器默认)

font-family:"宋体";

2、字体大小(默认16像素,字体最小12像素)

font-size: 20px;

3、字体粗细
属性值 效果
normal 默认
bold/bolder 加粗
lighter 变细

font-weight:20;

4、字体样式(em标签和i标签会让文字倾斜)

font-style:italic(倾斜)/ normal(不倾斜);

5、复合写法

font: style weight size family; //必须按照顺序

文本属性

1、文字颜色:color
英文
十六进制(#...)
rgb代码(rgb(_,_,_)
2、对齐方式(只能给块级元素)

text-align: left/right/center;

3、文本的修饰

text-decoration:属性值;
	属性值   			效果
	none				默认,无装饰线
	under line		下划线
	over line			上划线
	line-through		删除线

4、文本缩进

text-indent: 2em; //em为相对单位

5、行高

line-height: 10px; //当盒子中只有一行文字,行高等于盒子高度:垂直居中

6、文本选择属性

user-select: 属性值;
属性值    			效果
none				用户不能选择文字,防止选取文本
text					文本可被用户选取
all					单击选取文本,不是双击
auto					默认,如果浏览器允许,则可以选择文本

7、文本溢出(给盒子设定宽高)

overflow:属性值;
属性值  		效果
visible			默认,内容不会被修剪,会呈现在元素框外
hidden			内容会被修剪,并且其余内容不可见
scoll				内容会被修剪,但是浏览器会显示滚动条以便查看其余内容
aauto			规定应该从父元素继承overflow的值(不超过盒子不会出现滚动条,超过就会出现)
8、控制文本中字与字的间距
letter-spacing:20px; //默认是0px
border-collapse: collapse; //去除单元格之间的间隙
list-style: none; //去除无序列表和有序列表的默认样式
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值