基础概念

CSS权重问题内联样式 --- 1000 <style>
id选择器 --- 100 类选择器，伪类，属性选择器---10 标签选择器，伪元素选择器 --- 1

通配符选择器，子选择器，相邻选择器 --- 0

<a></a>标签的作用
（1）打开一个新的窗口<a href="https://www.baidu.com/" target="_blank">超链接</a>
target属性值不书写的话，默认是"_self"在原来的窗口打开相应的网页；
（2）锚点: 顾名思义就是想定在某个点上
让第一个a标签记录第一个div标签的位置，让第二个a标签记录第二个div的位置，先给两个div分别做个唯一标识 id
然后再在两个a标签中分别写出#demo1与#demo2

<div id ="demo1"></div>
<div id ="demo2"></div>

<a href ="#demo1">demo1</a>
<a href ="#demo2">demo2</a>

（3）打电话/发邮件
（4）协议限定符
<a href="javascript:alert("强制运行的javascript代码")">这样就能够在<a>标签被点击的时候强制运行href属性里面的代码</a>

伪类与伪元素的区别

伪类是当前已经存在的元素处于某个状态的时候，为其添加的样式。

伪元素其实并不是DOM中真实存在的元素，但是存在最终的渲染树中。

操作题

CSS画一个三角形

首先从边框的产生原理出发，border实际是由三角形产生的

下例中，想要实现一个类左箭头

div {
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 100px 100px 100px 0;
     border-color: transparent red transparent transparent;

}

元素水平垂直居中

（1）元素固定宽高

（2）使用flex布局

圣杯布局与双飞翼布局

CSS重点知识 | 复习自用，持续更新~ 坚持~

基础概念

操作题