关键字属性

1、a 标签(伪类选择器)

  • a:link 超链接的初始状态
  • a:visited 超链接被访问后的状态
  • a:hover 鼠标悬停,即鼠标滑过超链接的状态
  • a:active 超链接被激活的状态,即鼠标按下超链接的状态

    注意:只有 hover 属性能够被其他属性使用,其他均为 a 标签专用

2、overflow(溢出属性)

  • visible:默认值,内容不会被修剪,会呈现在元素框之外
  • hidden:内容会被修剪,并且其余内容是不可见的
  • scroll:内容会被修剪,但是浏览器会显示滚动条,以便查看其余的内容
  • auto:如果内容被修剪,则浏览器会显示滚动条,以便查看其余的内容
  • inherit:规定应该从父元素继承 overflow 的属性值

3、display(元素类型转换)

  • inline:将块级元素转换成内联元素
  • block:将内联元素转换成块级元素
  • inline-block:将块级元素转换成内联块元素
  • block/none:显示 / 隐藏

注意:元素转换不能够将内联块元素转换成内联元素

4、marquee(滚动字幕)

  • behavior(行为)=”scroll(滚动)/ alternate(晃动)”
  • direction(方向)=”up(从下向上)/ down(从上向下)/ left(从右向左)/ right(从左向右)”
  • scrollmount(滚动速度)=”value
  • height="value(上下滚动范围)”
  • width="value(左右滚动范围)”

5、伪对象选择符

  • ::aftercontent 一起使用,定义在对象后的内容
  • ::beforecontent 一起使用,定义在对象前的内容
  • ::first-letter 定义对象内第一个字符的样式(该伪元素用于块级元素)
  • ::first-line 定义对象第一行的样式(该元素只能用于块级元素)

注意:一个冒号(:)叫伪类选择器,两个冒号(::)叫伪对象选择器

6、video(视频)

  • autoplay:视频就绪后马上播放
  • controls:显示控件,比如播放按钮
  • width:播放器的宽度
  • height:播放器的高度
  • loop:完成播放后再次开始播放
  • preload:视频在页面加载时进行加载,并预播放
  • url:路径

7、CSS选择器(属性选择器)

  • E[attr]:只使用属性名,但没有确定任何属性值
  • E[attr="value"]:指定属性名,并指定了属性的属性值
  • E[attr~="value"]:属性值是一个词列表,以空格隔开,包含了一个value
  • E[attr^="value"]:属性值是以value开头的
  • E[attr$="value"]:属性值是以value结束的
  • E[attr*="value"]:属性值中包含了value

8、CSS3过渡(允许CSS的属性值在一定的时间内平滑的过渡)

  • transition-property:检索或设置对象中的参与过渡的属性
  • transition-duration:检索或设置对象过渡的持续时间
  • transition-delay:检索或设置对象延迟过渡的时间
  • transition-timing-function:检索或设置对象中过渡的动画类型
  • transitionall 运动时间(s) 延迟时间(s) 动画类型;

9、cursor

  • auto 默认
  • crosshair 加号
  • text 文本
  • wait 等待
  • help 帮助
  • progress 过程
  • inherit 继承
  • move 移动
  • ne-resize 向上或向右移动
  • pointer 手型
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值