前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >css3学习总结

css3学习总结

作者头像
wfaceboss
发布2019-04-08 11:01:29
8080
发布2019-04-08 11:01:29
举报
文章被收录于专栏:wfacebosswfaceboss

一,结构选择器

2.属性选择器

3.CSS3伪类选择器

  • UI伪类选择器:
  • :enabled选择启用状态元素
  • :disabled 选择禁用状态元素
  • :checked选择被选中的input元素(单选按钮或复选框)
  • :default 选择默认元素
  • :validinvalid 根据输入验证选择有效或无效的input元素
  • :in-rangeout-of-range选择指定范围之内或者之外受限的元素
  • :requiredoptional根据是否允许:required属性选择input元素
  • 动态伪类选择器:
  • :link选择链接元素
  • :visited 选择用户以访问的元素
  • :hover 鼠标悬停其上的元素
  • :active鼠标点击时触发的事件
  • :focus 当前获取焦点的元素
  • 其他伪类选择器
  • :not(<选择器>)对括号内选择器的选择取反
  • :lang(<目标语言>) 基于lang全局属性的元素
  • :targeturl片段标识符指向的元素 
    • :empty选择内容为空的元素
  • :selection鼠标光标选择元素内容

4,CSS文本属性复习

  • white-space:对象内空格的处理方式
    • nowrap 控制文本不换行
    • pre 空白会被浏览器保留
    • pre-line 合并空白 保留换行符
    • pre-wrap 保留空白 正常换行
  • direction:文本流的方向
    • ltr 文本从左向右
    • rtl 文本从右往左
  • unicode-bidi:用于同一个页面里存在从不同方向读进的文本显示。与direction属性一起使用
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017-09-21 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档