h5学习之3(h5的常用选择器和css常见样式)

本文介绍了HTML5的常用选择器,包括标签选择器、ID选择器和类选择器,并详细讲解了选择器的优先级。此外,还阐述了CSS中的常见样式,如宽高设置、背景图片处理、文本样式等,帮助读者深入理解HTML5和CSS的使用。

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

1.HTML常用选择器

选择器的定义:指的是一种模式,用于选择需要添加样式的元素。

1)标签选择器又称元素选择器,换句话说,文档的元素就是最基本的选择器

语法: 标签名{css样式1;css样式2;...} 例如:

div{ width: 100px;height: 100px;background: red;}

2)id选择器

ID 选择器前面有一个 # 号 - 也称为棋盘号或井号

语法:①首先标签中设置一个id属性,

            ②在head标签中写个style标签③在style标签里写个具体的id选择器的内部样式

#id名称{css样式1,css样式2,...}例如:

#div{ width: 100px;height: 100px;background: red;}

注意:id名称在当前文件中有且中有一个,不能重复,否则在给标签设置样式的时候相同id名称的标签会随样式设置的改变而改变

3)类选择器

语法:①首先标签中设置一个class属性,②在head标签中写个style标签③在style标签里写个具体的类选择器的内部样式

.类名{css样式1,css样式2,...}

例如:.div{

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值