慕课网主页

常用知识:

1. 去掉a标签的下划线:text-decoration:none;

2. 去掉li标签前的圆点:list-style: none;

3. @media 查询:例如:

   如果文档宽度小于 300 像素则修改背景颜色(background-color):
      
   @media screen and (max-width: 300px) {
   body {
           background-color:lightblue;
       }
   }
   

4. 去除input边框以及选中时边框 默认样式:

   input {      
           border: 0;  // 去除未选中状态边框
           outline: none; // 去除选中状态边框
           background-color: rgba(0, 0, 0, 0);// 透明背景
   }
   

5. outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

   注释：轮廓线不会占据空间，也不一定是矩形。

   outline 简写属性在一个声明中设置所有的轮廓属性。

   可以按顺序设置如下属性：

   • outline-color
   • outline-style
   • outline-width

   如果不设置其中的某个值，也不会出问题，比如 outline:solid #ff0000; 也是允许的。