CSS

Posted 2020-08-08

 一、块级元素和行内元素的区别
        1.会计元素常见的有：div、p、ul、ol、li。它具有的特点有：①总是在新行上开始，占据一整行；②高度，行高
     以及外边距和内边距都可以控制；③宽带始终是与浏览器宽度一样，与内容无关；④它可以容纳内联元素和其他块元素。
        2.行内元素常见的有：span、strong、em。它具有的特点有：①和其他元素都在一行；②高，行高及外边距
     和内边距部分可改变；③宽度只与内容有关；④行内元素只能容纳文本或者其他行内元素。不可以设置宽高，其宽
     度随着内容增加，高度随字体大小而改变，内联元素可以设置外边界，但是外边界不对上下起作用，只能对左右
     起作用，也可以设置内边界，但是内边界在IE6当中不对上下起作用，只能对左右起作用。
   
    二、盒模型包含部分
       盒模型包括：内容（content)、边框距（padding)、边界(border)、边距(margin)。每个html元素多可以看作
     一个装了东西的盒子，盒子里面的内容到盒子的边框之间的距离即填充（padding），盒子本身有边框（border），
     而盒子边框外和其他盒子之间，还有边界（margin）

    三、选择器有：1.id 选择器（#myid）2.类选择器（.myclassname）3.标签选择器（div,h1,p）4.相邻选择器（h1+p）
        5.子选择器（ul < li）6.后代选择器（li a）7.通配符选择器（*）8.属性选择器（a[rel="external"]）
     9.伪类选择器（a:hover,li:nth-child）
        用法 ：1.#id名 { 属性名:属性值; } 2.class名 { 属性名:属性值; } 3.标签名 { 属性名:属性值; }
     5.子代选择器: 父代名>子代名 { 属性名:属性值; }  6.后代选择器: 父代名 后代名 { 属性名:属性值; }
     7.通用(通配符)选择器: * { 属性名: 属性值; }…… 9.伪类选择器: name:伪类