CSS字体属性(大小,粗细,颜色,下划线)和外部引入样式

本文介绍了CSS中的字体属性,包括font属性的顺序,以及如何设置文本颜色、对齐方式、装饰和缩进。同时讲解了如何通过外部样式表引入CSS,创建后缀为.css的文件并使用link标签进行链接。

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

一,字体属性

属性注意点
font-size 字号我们通常用的单位是px,一定要加单位
font-family 字体字体样式的设置,从左往右依次寻找
font-weight 字体粗细加粗:bold或700,不加粗:normal或400
font-style 字体样式倾斜:italic;不倾斜:normal
font 字体连写是有顺序的,字号和字体必须要写

注:font的顺序如下:
< body >
font: font-style font-weight font-size/line-height font-family;
< /body >

二,文本属性

属性注意点
color文本颜色
text-align文本对齐
text-indent文本缩进
text-decoration文本修饰
line-height行高
  1. color用于定义文本颜色
表示属性值
预定颜色值red,green,blue,pink
十六进制#FF000,#FF6600,#29D794
RGB代码rgb(255,0,0)或rgb(100%,0%,0%)
  1. text-align属性用于设置元素内文本内容的水平对齐方式。
属性值解释
left左对齐
right右对齐
center居中对齐
  1. text-decoration对文本的修饰,添加下划线,删除线,上划线等。
属性值描述
none默认,没有装饰线
underline下划线 ,链接a自带下划线
overline上划线
line-through删除线
  1. text-indent用于文本缩进,通常用于段落的首行缩进。

text-indent : 10px;缩进10像素;
text-indent: 2em;缩进两个单位;

三,引入样式

外部样式表:

  1. 新建一个后缀名为 .css 的文件,再把所有CSS的代码放入该文件中
  2. 在HTML页面中,使用< link >标签引入这个文件。
<link rel="stylesheet" href="CSS文件路径">
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值