css新增属性

2017-06-20  本文已影响0人  何wife

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轴偏移量,模糊度,阴影距离,颜色

上一篇下一篇

猜你喜欢

热点阅读