更改一些用户操作样式，提高用户体验，包括：
行内元素或者 行内块元素 的垂直对齐方式cursor：pointer;<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equ...笔记目录
1.布局定位属性：display / position / float / clear / visibility/ overflow （建议display第一个写，毕竟关系到模式）
2.自身属性：width / height / margin /...
让一个元素在页面中隐藏或者显示出来：类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现。
display：non``edisplay属性：设置一个元素如何显示
笔记目录
传统PC端网页布局（摆盒子）的三种方式：
标准流（普通流）：标签按照规定好默认方式排列（最基本的布局方式）
浮动：可以改变元素标签默认的排列方式
典型应用：让多个块级元素一行内排列显示
定位：网页布局的第一准则：多个块级元素纵向排列找标准流，多个块级元素横向排列找浮动。
float属性：用于创建浮动框，将其移动到一边，直到左边缘/右边缘/另一个浮动框的边缘（贴在一起）
float：none(默...元素显示模式分为：块元素；行内元素
<h1>~<h6>, <p>, <div>, <ul>, <ol>, <li>常见的块元素为：<h1>~<h6>, <p>, <div>, <ul>, <ol>, <li>等
其中<div>是最经典的块元素。
块元素的特点：
盒子模型：本质是一个盒子，用来装内容
组成：边框，外边距，内边距和内容
content：内容
padding：内边距（内容与盒子之间的距离）
border：边框
margin：外边距（盒子之间距离）
border：边框粗细、边框样式、边框颜色
盒子边框的属性：
内部样式表：将CSS代码写在html内部，放到了<style>标签中
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">...<html><html>和</html>，我们称为双标签。标签对中的第一个标签是开始标签，第二个标签是结束标签<br/>包含关系；并列关系
每个网页都会有一个基本的结构标签(骨架标签) , 页面内容也是在这些基本标签上书写。HTML页面也称为HTML文档
<html> # HTML标签：页面中最大的标签，根标...CSS是层叠样式表（ Cascading Style Sheets ），也为CSS样式表或级联样式表，是一种标记语言。
html主要做结构，css主要做样式，美化html网页布局，使得结构与样式相分离
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" ...