zoukankan      html  css  js  c++  java
  • css3一

    css组成
    1.样式表
    2.规则
    3.选择器+声明块
    4.声明
    5.css属性和css属性值组成的键值对

    解析css的规则是:浏览器从右向左解析

    css的部分属性存在继承关系

    选择器有:
    基本选择器----略

    基本选择器扩展
    子元素选择器----div>ul>li
    相邻兄弟选择器----div ul + p只会匹配紧跟其后的兄弟元素
    通用兄弟选择器----div ul ~ p(感觉用处不太大,不严谨)
    选择器分组----h1,h2,h3

    属性选择器
    存在和值属性选择器:[attr]
    :[attr='val']
    :[attr~='val'](感觉作用不太大)
    子串值属性选择器
    [attr|=val](感觉作用不太大)
    [attr^=val]以val值开头的元素
    [attr$=val]以val值结束的元素
    [attr*=val]带有val值的元素

    伪类与伪元素选择器
    伪类:link点击之前 :visited点击之后 :hover鼠标放上去 :active鼠标点击的一瞬间 :target
    伪元素::before ::after类似

    lvha---------顺序之分

    :target---------做选项卡案例

    表单伪类
    :enabled 匹配到可编辑的菜单
    :disabled 匹配禁用的表单
    :checked 匹配选中的表单
    :foucus 匹配获取焦点表单

  • 相关阅读:
    堆排序回顾
    动画函数封装
    mouseenter 和mouseover的区别
    元素滚动 scroll 系列
    元素可视区 client 系列
    元素偏移量 offset 系列
    JS执行机制
    BOM
    常用键盘事件
    常用鼠标事件
  • 原文地址:https://www.cnblogs.com/xufeng1994/p/10421279.html
Copyright © 2011-2022 走看看