把html的tag和css关联起来

本文介绍如何使用CSS为HTML标签指定样式,包括直接指定、通过class和id指定样式的方法,以及如何引入外部CSS文件。

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


======================================================
注:本文源代码点此下载
======================================================

直接指定html标签的样式:

如:h1,h2,h3{color:green}

如果想为相同的标签指定不同的css,可以通过如下的办法:

p.righ{text-align:righ}

p.left{text-align:left}

当标签p中的class属性指定为"righ"的时候,就应用{text-align:righ}样式

当没有指定html的标签时候,任何class为"righ"的html标签都应用{text-align:righ}样式

.righ{text-align:righ}

可以通过html标签的id属性指定不同的样式,其应用如下:

#green{color:green}

当某一个标签的id为green的时候,就应用该样式.

p#green{color:green},该样式应用到id为"green"的p标签.

引用css样式:

引用外部文件的:

head>

直接写在页面的:

也可以直接在html的标签中的style属性指定样式,但是显示的样式没有用css那么丰富

如果一个html表情的样式在css文件里定义了,但是在页面中,也通过写在页面的css定义了,那么外部的css文件中的样式将被继承下来,在两个地方都定义的样式,以页面的css为最终的显示样式.


======================================================
在最后,我邀请大家参加新浪APP,就是新浪免费送大家的一个空间,支持PHP+MySql,免费二级域名,免费域名绑定 这个是我邀请的地址,您通过这个链接注册即为我的好友,并获赠云豆500个,价值5元哦!短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了,每天挂广告赚50+元哦,呵呵,饭钱不愁了,\(^o^)/
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值