专栏首页wfacebosscss3学习总结

css3学习总结

一,结构选择器

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属性一起使用

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • (2/24) 快速上手一个webpack的demo

    写在前面:该部分的安装都是基于windows系统的,且此处的webpack的版本为:3.6.0。

    wfaceboss
  • (12/24) css进阶:sass文件的打包和分离

    这里需要 在项目目录下用npm安装两个包。node-sass和sass-loader,(也可以使用cnpm安装)

    wfaceboss
  • flask系列一之环境搭建包安装

    参考:http://www.cnblogs.com/bfwbfw/p/7995245.html

    wfaceboss
  • (近万字)一篇文章带你了解HTML5和CSS3开发基础与应用-适合前端面试必备

    HTML5和CSS3开发基础与应用,详细说明HTML5的新特性和新增加元素,CSS3的新特性,新增加的选择器,新的布局,盒子模型,文本,边框,渐变,变形,动画效...

    达达前端
  • Imooc之Html与CSS

    1、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。

    ZHaos
  • PAT 1031 Hello World for U (20分) 找规律按行输出即可

    Given any string of N (≥5) characters, you are asked to form the characters into...

    vivi
  • 频分复用、时分复用、码分复用的基本原理

    TrueDei
  • 业界|TensorFlow1.0正式发布,AI圈“互怼”那些事儿 | AI科技评论周刊

    编者按:本周TensorFlow 1.0 正式发布;南大教授周志华当选AAAI 2019 程序主席,华人学者第一人; 雷锋网与MXNet作者李沐畅谈两小时;Li...

    AI科技评论
  • 微信开发给网页页面添加背景音乐

    在微信开发中,单纯的页面展示并不能够吸引客户的眼球,需要有视觉和听觉的双重效果,才能够吸引住客户浏览,达到产品宣传的目的,前面说过很多页面的特效,今天我来说一种...

    无邪Z
  • 史上最完善人类新陈代谢谱系模型登上《科学》封面!支持3D交互

    上周,一项用计算机人类新陈代谢图谱的研究登上了《Science》封面,研究人员功过构建一个名为“Human 1”的新陈代谢模型及其配套门户网站Metabolic...

    大数据文摘

扫码关注云+社区

领取腾讯云代金券