H5中attr属性的使用,伪元素,阴影

E[attr=value]:查找拥有指定的Attr属性并且属性值为value的E标签。如想查找拥有class属性并且值为Red的li标签 就是严格匹配。

E[attr*=value]:查找拥有指定的attr属性并且属性值中包含(可以在任意位置)value的E标签。

E[attr^=value]:查找拥有指定的attr属性并且属性值以value开头的E标签。

E[attr$=value]:查找拥有指定的attr属性并且属性值以value开结束的E标签。

兄弟伪类:

+:获取当前元素的相邻的满足条件的元素

~:获取当前元素的满足条件的兄弟元素

E:target:可以为锚点目标元素添加样式,当目标元素被触发为当前锚链接的目标时,调用此伪类样式。

例如:

h2:target{
color: red;
}

伪元素:::before ::after

/*必须添加content属性,否则后期不可见*/

content: "";

/*默认是行级元素,如果想设置宽高,就必须转换为块级元素*/

position: absolute;

通过opacity设置透明度:如果设置父容器,那么父容器中的所有子元素也会透明

文本阴影:text-shadow:offsetX offsetY blur color

边框阴影:box-shadow:h v blur spread color inset

h:水平方向的偏移值

v:垂直方向的偏移值

blur:模糊--可选,默认0

spread:阴影的尺寸,扩展和收缩阴影的大小--可选 默认0

color:颜色--可选,默认黑色

inset:内阴影--可选,默认是外阴影

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值