HTML标签与css样式

HTML简介和常用标签

HTML是一种超文本标记语言，不是编程语言
超文本指页面可以包括图片、链接、音乐、程序等非文字元素。
他的结构包括头、主体、其中head部提供关于网页的信息，body部分提供网页的具体内容。

标签：标题标签 <h1></h1>
h 即 head 的简写
有<h1>、<h2>、<h3>、<h4>、<h5>、<h6> 6种，从左到右字号依次变小。
基本格式<h1></h1>
像<h7>这种错误的标签在展示时不起作用
（2）、段落标签<p></p>
p 即 paragraph 的简写
基本格式<p>段落内容</p>
段落中的文本内容超出浏览器宽度之后会执行自动换行
（3）、水平线标签<hr />
hr 即 horizontal 的缩写
其作用是在页面中插入一条水平线
基本格式<hr />
这是一个自闭合标签。（普通标签成对出现；自闭合标签不需要包裹内容，自己就执行了开始和结束的操作）
（4）、容器标签 <div></div> 和 <span></span>
div 即 division 的缩写，分割、区分的意思
span 即 span ，跨度、范围的意思
这俩本质上是一个容器，类似于 Android 中的ViewGroup
基本格式<div>这是div标签中的内容</div> <span>这是span标签中的内容</span>

容器标签

**<div></div>和<span></span>**
div 即 division 的缩写，分割、区分的意思
span 即 span ，跨度、范围的意思
这俩本质上是一个容器，类似于 Android 中的ViewGroup
基本格式<div>这是div标签中的内容</div> <span>这是span标签中的内容</span>

标签的属性

标签的属性
基本格式：<标签名 属性1=”属性值1“ 属性2=”属性值2“></标签名>
标签可以拥有多个属性
属性必须写在开始标签中，位于标签名后面
属性之间不区分顺序
标签名与属性、属性与属性之间使用空格隔开
任何属性都有默认值，省略该属性表示使用默认值

元素的水平浮动

元素的水平浮动 left right
块级元素 元素在浮动之后 会脱离文档流
要想水平浮动 浮动的子元素的总宽 小于父元素的宽
子元素在浮动之后会导致父元素不能撑开

css定位

css定位 相对定位(占位置 相对于自己的位置在移动和分层)
绝对定位：不占位置 靠浏览器移动 分层
固定定位 ：不占位置 固定在某一个位置
元素在定位之后可以使用5个属性
left 、 right、 top、 bottom、 z-index

css伪类

   /* 访问之前*/
        a:link{
            color: deeppink;
        }
        /*访问过的伪类*/
        a:visited{
            color: yellow;
        }
        /*鼠标悬停伪类*/
        a:hover{
              color: red;
          }
        /*鼠标激活伪类*/
        a:active{
            color: green;
        }