前端学习笔记

一、flex弹性布局

1、flex布局语法学习网址：

Flex 布局教程：语法篇 - 阮一峰的网络日志

二、复刻百度官网的首页

Ⅰ、HTML

Ⅱ、CSS

1、与浏览器有间隙的解决办法（消除所有标签的外边框，*为通配符）

*{
    margin: 0;
  }

2、指示器class与id的区别：

class指示器用“.”来引用，可多次引用，而id指示器用"#"引用，只可引用一次，一般情况下用class指示器较好。

3、#header > div与#header  div的区别 

#header > div指的是header父元素下一层的所有div标签

#header  div指的是header父元素下面的所有div标签

Ⅲ、JS

2、 a标签

1、a标签的样式：

 a{

   text-decoration: none; //去除下划线

    color:black; //设置字体颜色

} 

 2、a标签及其属性：

<a href="https://xxx" target="_blank" rel="noopener noreferrer" class="xxx">xxx</a>

三、媒体查询