CSS3学习——文字基本语法

本文总结了CSS中关于文字样式、段落属性及文字效果的基本语法。包括如何设置字体颜色、大小、对齐方式等,并介绍了如何应用文字装饰和阴影效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

    对于CSS的一些基本语法每次要用到的时候总是去重新查阅资料感觉很麻烦,趁着最近重新开始看前端的内容(《HTML5+CSS3+JavaScript网页设计》)。就把一些基本的语法按书整理一下。
1、控制文字样式
常用的字体属性
属性属性名称设置值
color字体颜色

颜色名称

十六进制

RGB码

font-family字体样式字型名称
font-size字体大小

数值+百分比(%)

数值+单位(pt,px,em,mm,cm)

font-style文字斜体

normal(普通)

italic(斜体)=oblique(斜体)

font-weight文字粗体

normal(普通)400

bold(粗体)700

bolder(超粗体)

lighter(细体)

利用100~900之间的数值,来确定粗细

2、段落属性

常用的段落属性
属性属性名称设置值
text-align文字水平对齐

left

center

right

justify(两端对齐)

text-indent首行缩进

数值+百分比(%)

数值+单位

letter-spacing

word-spacing

字符间距

英文单词间距(一句中文算一个)

normal

数值+单位(pt, px, em)

line-weight行高数值+单位
word-wrap是否换行break-word
3、文字效果属性
文字效果属性
属性属性名称设置值
vertical-align垂直对齐

baseline(一般位置)

super(上标)

sub(下标)

top(顶端对齐)

middle(垂直居中)

bottom(底端对齐)

text-decoration文字装饰样式

none

underline(下划线)

line-through(删除线)

overline(上划线)

text-transform转换字母大小写

none(不做任何改变)

lowercase(全部小写)

uppercase(全部大写)

capitalize(首字母大写)

text-shadow

text-shadow: h-shadow v-shadow blur color;

增加阴影效果

格式如下:

水平方向阴影大小 垂直方向 模糊淡化程度(不写表不使用)

color 阴影颜色


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值