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