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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 5,882评论 0 2
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 6,857评论 0 11
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 4,736评论 0 1
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • 秋天的风刮落了树叶 金黄的树叶在风中摇曳着优美的身姿 就像在谈一场轰轰烈烈的恋爱 相互依存,相互信任,相互理解 谁...
    秀妍霓裳阅读 1,234评论 0 0

友情链接更多精彩内容