学习笔记——初识css

(1)派生选择器
根据文档的上下文关系来定义样式,可以使标记更简洁
例:
使列表内的strong元素变为红色
li strong{color:red;
}

(2)类选择器
1.在css中,类选择器以一个点号显示
例:
.divclass{color:red;
}

在下面的HTML代码中,div元素含有divclass类,意味着它要准守.divclass的规则
例:
注意!!
类名的第一个字符不能使用数字!无法在firefox中起作用!

2.和id选择器一样,class也可被用作派生选择器:
.pclass a{color:red;
}

(3)id选择器

1.id选择器:id选择器可以为标有id的html元素指定的样式id选择器已‘#’来定义
2.id选择器和派生选择器:目前比较常用的方式是id选择器常常用来建立派生选择器.
3.例:
index.html代码中的p标签和div标签包含了两个id属性,值分别为pid和divid,在css文件中以#pid和#divid属性值引用
注意!!!
id属性值只能在每个html文档中出现一次!!!!

(4)属性选择器
1.对带有指定属性的html元素设置样式

例1:为带有title属性的所有元素设置样式

例2:为title="te"的所有元素设置样式

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值