美文网首页
css新增属性

css新增属性

作者: 何wife | 来源:发表于2017-06-20 23:29 被阅读0次

    UI元素伪类选择器

    :focus  选择获得焦点的元素

    :enabled  被用来指定元素处于可用状态是的样式

    :disabled  不可用状态

    :read-only  只读状态

    :read-write  可读可写

    :checked  当表单中的radio(单选框)或checkbox(复选框)处于选中状态时的样式

    :defalut  当页面打开时默认处于选取状态的单选框或复选框控件的样式

    :indeterminate  页面打开时,一组单选框中没有任何一个单选框被指定为选中状态时,整组单选框的样式

    ::selection 当元素处于选中状态时的样式

    伪元素选择器:

    :first-line  选取指定选择器的首行

    :first-letter  为某个元素中的文字或第一个字母使用样式

    :before  在某个元素之前插入一些内容(使用content属性来指定插入的内容)

    :after  在某个元素之后插入一些内容

    文字阴影:

    text-shadow :

    属性值:h-shadow(水平位置),v-shadow(垂直位置),blur(模糊值),color(颜色)

    文字换行:

    长单词换行:Word-wrap

    属性值:normal(浏览器默认),break-word(在指定区域内换行)

    单词拆分换行:word-break

    属性值:normal(默认),break-all(单词内换行),keep-all(在半角空格或连字符串处)

    css3边框:

    border-radius:

    四个值时,左上,右上,右下,左下

    三个值时,左上,右上和左下,右下

    两个值时,左上与右下,右上与左下

    一个值时,四个相同

    border-image:

    有五个属性值:

    1.图片地址:border-image-source

    2.图片切片:border-image-slice

    3.图片宽度:border-image-width

    4.图片外凸:border-image-outset

    5.平铺:border-image-repeat

    box-shadow:盒子阴影

    属性值:阴影类型, x轴偏移量,y轴偏移量,模糊度,阴影距离,颜色

    相关文章

      网友评论

          本文标题:css新增属性

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