伪类

伪类选择器:
    1)用于为某些元素添加特殊效果
    2)伪类选择器分类:
            链接伪类
            动态伪类
            目标伪类
            元素状态伪类
            结构伪类
            否定伪类
            连接伪类
超链接的四种状态:
        a)尚未被访问的状态--:link
        b)鼠标悬停状态--:hover
        c)鼠标按下(激活)状态--:active
        d)已访问过的状态--:visited
设置四种状态必须按照如下顺序:
      link visited hover active

HTML元素的分类
    根据现实的不同分类:
    1.块级元素
    2.行内元素
    3.行内块元素
块级元素:
    比如:div、p、h1-h6、ul、li、ol、dt、dd、dl、form都是块级元素
四个特点:
  1)独占一行
  2)可以设置宽高、边距、边框
  3)不设置宽高、默认与父元素一样宽
  4)可以包含其他的块级或行内元素

行内元素
  比如:span、a、em、strong、lable、b、i
四个特点:
  1)可以与其他的元素在一行显示
  2)不能设置宽高、边距(顶部和底部)、行高
  3)宽高由文字决定
  4)只能包含文本或行内元素、不建议包含款级元素

行内块元素
  例如:img、input都是行内块元素
  行内块元素同时具备行内元素和块级元素的特点

行内元素、块级元素、行内块级元素的转换:
使用css样式display转换:
  display:inline;转为行内元素
  display:block;转为块级元素
  display:inline-block;转为行内块元素
  display:none;隐藏元素

转载于:https://www.cnblogs.com/zhaominglei/p/9657019.html

你可能感兴趣的:(伪类)