4.CSS基础

本文介绍CSS(层叠样式表)的基础知识,包括其作用、语法和如何在HTML中引用。通过实例展示了如何使用CSS统一定义段落的文字属性,提高网页设计效率。

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

简介:

CSS表示层叠样式表(cascading stytle sheets),用来规范页面的文字的样式属性,效果同HTML标签内自带的属性,不同的是HTML标签属性若发生变化时,需要逐一修改各个标签;CSS的作用是修改CSS文件,可一次性修改相同标签的属性值。

CSS的语法:

选择器 {属性值}

实例: p {color:red;font-size:40}    其中p段落,{}里面的内容表示对段落的字体设置颜色、文字大小,最后将文件命名为.css格式

 

CSS样式引用:

在html的<head>…</head>中间增加<link rel="stylesheet" stytle="text/css" href="h1.css">

其中:rel="stylesheet"表示引用外部样式表;stytle="text/css"表示样式表类型;href="h1.css"表示样式表的名称

 

示范:

使用<p>段落标签定义文字属性:

 

使用CSS样式文件统一定义段落的文字属性:

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Miss糖豆

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值