第一讲、css语法、文本(3)

同学们,我们接着上篇博客继续学习!

7.英文字母大小写转换

语法:text-transform

capitalize单词首字母大写
uppercase全部大写
lowercase全部小写

案例:

8.文本的装饰效果

语法:text-decoration

underline文字加下划线
line-through文字加删除线
overline文字加上划线

案例:

 9.段落内容首行缩进(悬挂缩进)

语法:text-indent

案例:

 10.字词间距

英文文本

        letter-spacing 字母和字母间距:normal/数值

        word-spacing        单词和单词间距

中文文本

        letter-spacing        字与字之间的间距

案例:

 11.内容溢出处理

语法:overflow

overflow:visible默认
overflow:hidden超出部分隐藏
overflow:scroll出现滚动条
overflow:auto浏览器自动处理

案例:

 12.文本溢出处理及元素空白的处理

1》white-space : nowrap ;     强制不换行

2》text-overflow:clip;        文本溢出不显示省略

3》text-overflow : ellipsis ;    文本溢出显示省略标记,简单裁切

4》white-space:normal/pre        空白被保留

案例:

 13.对齐方式

语法:text-align        水平对齐方式

text-align:left

左对齐

text-align:right

右对齐

text-align:center

居中对齐

text-align:justify

两端对齐

注意:justify 对于主要对于英文,只能对多行中的非最后一行进行两端对齐。

案例:

14.行高

语法:line-height

注意:文字在每一行自动上下居中,当行高与高相同时垂直方向居中

案例:

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值