前端入坑到放弃day5

第04天——CSS基础

一、CSS三大特性

1. 层叠性
2. 继承性
3. 优先级

选择器权重一共有多少级？

 

二、盒子模型

1、边框——border

     —— 边框会影响盒子宽高

     —— 边框样式（solid实线，dashed虚线、dotted点线）

       —— 复合写法：border：1px solid #333；

       —— 表格细边：border-collapse: collapse; （表格里，可以把相邻的边框合并到一起 ）

       —— border-collapse: collapse; 属性仅仅适用于表格, 例如两个div的div边框紧紧相连使 用该属性是不会生效的

       —— border：0；去除边框

注：在input里，outline: none;是去除点击后的边框特效，而border：0；是去除点击前的input边框

 

2、内边距——padding

      —— padding会影响盒子的宽高

       —— 设置内容与边框之间的距离 

       —— 有top、bottom、left、right四个方向

       —— padding复合写法

3、外边距——margin

      —— margin不会改变盒子的宽高

        —— 复合写法和padding一样

        —— 块级盒子水平居中：margin：0 auto；

        —— 行内元素和行内块元素水平居中：text-align：center；

        —— 垂直居中：line-height

 

4、清除内外边距

* {   
       margin: 0;   padding: 0; 
  }

 

【补】行高的继承性：

【补】权重叠加