HTML+CSS学习进度06

div和background

       div元素，也被称作division(层)元素，是一个盛装其他元素的通用容器       background-color 属性来设置一个元素的背景颜色，如：.green-background {background-color: green;}

 基本选择器

       通配选择器 选择文档中所有HTML元素

       元素选择器 选择指定类型的HTML元素

       类选择器    选择指定class属性值为“class”的任意类型的任意多个元素   定义类选择器必须添加 . 为前缀

       ID选择器   选择指定ID属性值为“id”的任意类型元素   id 属性应该是唯一的 定义ID选择器必须添加 # 为前缀，id 属性具有更高的优先级。

       群组选择器 将每一个选择器匹配的元素集合并

       类选择器后面设置的样式可以覆盖前面设置的样式，ID选择器样式可以覆盖类选择器设置的样式，行内样式设置可以覆盖类选择器和ID选择器设置的样式

       如果需要某个样式不被覆盖，可以使用！important，如，color: pink !important;

HTML元素布局

      padding（内边距）控制元素内容 content和元素边框 border 之间的距离，CSS 允许你使用 padding-top、padding-right、padding-bottom 和 padding-left来控制元素上右下左四个方向的 padding。

      padding: 10px 20px 10px 20px;这四个值以顺时针方式排列：顶部、右侧、底部、左侧，简称：上右下左。

      如果上下相同，左右相同，则可以写成padding: 10px 20px；如果上下左右均相同，则可以写为padding:20px;

      margin（外边距） 控制元素边框 border 和元素实际所占空间的距离，将一个元素的 margin 设置为负值，元素将会变大。简写类似padding

      border（边框）简写为border:5px solid red;

颜色表示

      英语

      16进制。16进制用6位数表示，前2位代表R红色，0最小，F最大，中间2位代表G绿色，最后2位代表B，蓝色，如#00FF00，代表纯绿色，可以简写为#0F0。

      RGB值。 background-color: rgb(0,0,0);  表示纯黑。