前端入门:HTML(CSS)

1.CSS样式的优先级

2.CSS简单选择器:根据名称、ID。类别来选择元素

元素选择器,根据名称来选择

分组选择器:选择所以具有相同样式的HTML元素

ID选择器:是使用一个HTML元素的id属性来选择一个特定的元素

通用选择器:选择页面上所有的HTML元素,使用通配符*

3.组合选择器:根据元素之间的特定关系来选择元素

后代选择器:匹配作为指定元素后代的所以元素

子选择器:只能选择作为某元素的子元素,不能选择到孙辈的元素

4.伪类选择器:根据某种状态来选择元素

鼠标点击前(:link)代表鼠标没有操作元素时元素的默认样式

鼠标点击后(:visited)代表鼠标点击并离开元素之后的样式

鼠标悬停时(:hover)代表鼠标悬停或者是划过元素时元素的样式

鼠标点击时(:active)代表鼠标点击元素瞬间,元素显示的样式

注意:

5.伪元素选择器:为一个元素的指定部分设置样式

::first-letter:实现向文本的首个字符添加特殊样式

::first-line:实现向文本的首行添加特殊样式

::before:实现在元素内容之前插入内容

::after:实现在元素内容之后插入内容

::selection:用来更改选中文本的样式

6.属性选择器:根据一个属性或属性值来选择元素

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值