美文网首页
css3新增属性

css3新增属性

作者: lj8023 | 来源:发表于2018-03-15 07:16 被阅读0次

css3被划分为模块,最重要的几个模块包括:选择器、框模型、背景和边框、文本效果、2D/3D 转换、动画、多列布局、用户界面

  • 选择器

  • 框模型

  • 背景和边框
    border-radius、box-shadow、border-image、
    background-size:规定背景图片的尺寸
    background-origin:规定背景图片的定位区域
    background-clip:规定背景的绘制区域

  • 文本效果(常用)
    text-shadow:设置文字阴影
    word-wrap:强制换行
    word-break
    css3提出@font-face规则,规则中定义了font-family、font-weight、font-style、font-stretch、src、unicode-range

  • 2/3D转换
    transform:向元素应用2/3D转换
    transition:过渡

  • 动画

  • @keyframes规则:
    animation、animation-name、animation-duration等

  • 用户界面(常用)
    box-sizing、resize

css3新增伪类

:nth-child()
:nth-last-child()
:only-child
:last-child
:nth-of-type()
:only-of-type()
:empty
:target 这个伪类允许我们选择基于URL的元素,如果这个元素有一个识别器(比如跟着一个#),那么:target会对使用这个ID识别器的元素增加样式。
:enabled
:disabled
:checked
:not

相关文章

  • H5新增 input 标签 属性选择器 结构伪类选择器

    五、新增 input 标签 六、新增表单属性 七、CSS3 属性选择器(上) 什么是 CSS3在 CSS2 的基础...

  • CSS3 动画

    动画属性 动画(animation)是CSS3新增的属性,动画属性可以为元素创建动画,CSS3以前在网页上实现动画...

  • CSS篇

    1、CSS3新增属性CSS3边框:border-radius box-shadow boder-imageback...

  • 【CSS3盒模型display:box的应用】

    CSS3新增属性 “display:box;”和“box-flex:数值”是css3新添加的盒子模型属性,它的出现...

  • box-sizing属性(CSS3新增属性)

    box-sizing属性(CSS3新增属性)box-sizing:content-box(默认值) | borde...

  • CSS3渐变

    渐变属性 渐变(gradient)是CSS3新增的属性,可以让两个或多个指定的颜色平稳的过渡,CSS3定义了两种过...

  • CSS3之背景

    背景 在CSS3中针对Background推出了多个新增的用法,接下来我们看看这些新的属性 新增属性 部分是有修改...

  • CSS3转换

    转换属性 转换(transform)是CSS3新增的属性,转换属性可以对元素进行移动、缩放、转动、拉长或拉伸。CS...

  • css3新增属性

    css3被划分为模块,最重要的几个模块包括:选择器、框模型、背景和边框、文本效果、2D/3D 转换、动画、多列布局...

  • CSS3新增属性

    title: CSS3新增属性date: 2016-09-08 11:55tags: CSS 0x00 boxsh...

网友评论

      本文标题:css3新增属性

      本文链接:https://www.haomeiwen.com/subject/nlbqqftx.html