html

div、span标签：

都是没有语义的，他们就是一个盒子，用来装内容的。

div标签一行只能放一个div，大盒子

span标签一行上可以多个span，小盒子

 

 

 

 

 

 

超链接标签：

<a href=" " target=" _self当前窗口打开也页面_blank新窗口打开页面>

 

内部链接：

 

空连接：<a href="#"></a>

下载链接：href后面的地址后缀是exe或zip等

锚点链接：点链接，可以快速定位到当前页面的某个位置。

 

 

 

 

 

 

label标签：

 

 

 

 

 

 

select标签

 

 

 

 

 

  

 

 

 

<p></p>

p{这是标签选择器}

 

.p{这是类选择器}

<p class='类名'>需要用class调用，可以选择一个或多个，开发最常用，类名任意</p> 

 

 

 

#id{}

<p id=''>这是id选择器</p>

 

 

 

*{通配符选择器，表示选取所有元素}

 

 

 

 

 

调试工具

 

 

 

 

ol li{后代选择器}

<ol>

<li></li>

</ol>

 

 

 

 

 

 

 

 

 

 

 

 链接伪类选择器：

 

 

 

focus伪类选择器：

 

块元素：

 

 

 

行内元素：

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

背景图像固定（背景附着）

 

 

 

 背景透明度：

 

 

 

 

 

css三大特性：

 

 就近原则就是粉色，因为粉色那个div没有定义字体大小，所以用到了红色你那个大小

 

继承性

父级是div，子级是p

 

 

 

 

 

 

 

 

 

优先级

越往下越优先

 

 

 

 

 

 

 

 

盒子模型

 

 

 

 

 表格细线边框

 

 

盒子居中

 

 

 

 

外边距合并

 

 

 

 清除内外边距