半个月学习对前端的基础认知。
什么是网页：
1.网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。
2.网页是网站中的一“页”，通常是 HTML 格式的文件，它要通过浏览器来阅读。
Web 标准提出的最佳体验方案：**结构、样式、行为相分离**。  
简单理解：结构写到 HTML 文件中， 表现写到 CSS 文件中， 行为写到 JavaScript 文件中
1.结构类似身体
2.表现类似外观装饰
3.行为类似行为动作
4.相比较而言, 三者中结构最重要.
合并单元格方式：
跨行合并**：rowspan="合并单元格的个数"     
最上侧单元格为目标单元格, 写合并代码
跨列合并：colspan="合并单元格的个数"
最左侧单元格为目标单元格, 写合并代码
合并单元格三步曲：
先确定是跨行还是跨列合并。
找到目标单元格. 写上合并方式 = 合并的单元格数量。
比如：<td colspan="2"></td>。删除多余的单元格。
选择器分五种：标签选择器、类名选择器、id选择器、多类名选择器、通配符。
字体设置：复合写法有顺序：font-style  font-weight  (font size   fonu-famly)一定要有
颜色的设置；text-align    text-decoration    color   text-indent     line-height
复合选择器包含；后代选择器、子选择器、复合选择器之并集选择器、伪类选择器。
a:link  未访问的链接
a:visited已经被访问的链接
a:hover鼠标经过所显示的颜色
a:active鼠标点下未松开时的颜色:
1：块元素。<div>  <p>  <h>
一行只能显示一个。可设置宽和高
2：行内元素
<a>  <strong>  <em>  <span>
不可以设置宽和高，一行可以显示多个。
3；行内块元素，<input>  <select>  <textarea>
可设置宽高
转块元素：diaplay:block;
转行内元素display:inline
转行日内元素display:inline-block
background-color背景颜色
background-image：url()插入背景图片
background-repeat是否平铺
background-position:x  y图片放置位置
background-attachment图片是否固定还是滚动
css的三大特点
1、层叠性；权重相同，就近原则，样式不冲突
2、继承性；子元素继承父元素。文本、文字、行高、加粗、字体加粗
3、优先级；!important>行内样式style>id选择器>类选择器、伪类选择器>标签选择器>通配符>继承
cs的书写书序
1、布局定位属性：display / position / float / clear / visibility / overflow（建议 display 第一个写，毕竟关系到模式）
2、自身属性：width / height /hui margin / padding / border / background
3、文本属性：color / font / text-decoration / text-align / vertical-align / white- space / break-word
4、其他属性（CSS3）：content / cursor / border-radius / box-shadow / text-shadow / background:linear-gradient …
盒子的真实高度=设置的宽高+border+padding
浮动：让盒子从普通流中浮起来，让多个块级盒子一行显示；
1、浮动元素和兄弟盒子都浮动了两个盒子都会在一行显示；
2、做布局的时候所有的盒子必须都浮动，才能完成效果；
3、浮动的元素顶端对齐，两个元素之间没有缝隙
5.边框border
综合写法（工作常用，强制记忆）
border:边框粗细 边框线条样式 边框的颜色；
6.浮动布局特比注意点
在做浮动布局的时候一般是多个盒子进行布局，父级里面的所有的布局的子盒子都要浮动，不允许只浮动一部分；
7.清除浮动的方法
额外标签法、父级加overflow属性法、使用after伪元素法、使用双伪元素清除浮动；
8.文字在盒子里面水平居中  Text-aline:center    line-height=height
9.定位=定位模式+边偏移（left、right、top、bottom）
10.定位的分类
静态定位：position:static;（不用，自动忽略）
相对定位：position:relative;
绝对定位：position:absolute;
固定定位：position:fixed;
相对定位：position:relative;
11.overflow:hideen;的常用技巧（重点）
01 overflow:hideen;可以让超出固定范围的内容隐藏掉；
02 overflow:hideen;可以清除浮动，布局的时候我们做左右或者左中右布局，都是父级嵌套子级盒子，然后将子级盒子浮动，但是如果没有给父级添加固定的高度，子级浮动以后父级的高度为0，不占位，会影响后面的布局，就给父级添加overflow:hideen;来解决；
03 overflow:hideen; 嵌套的父子级盒子出现外边距塌陷问题，两个嵌套的盒子，都没有浮动或者定位，给子级盒子添加了margin-top就会出现父级跟着掉下来的塌陷问题，就给父级添加overflow:hideen;来解决；

半个月学习对前端的基础认知。
什么是网页：
1.网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。
2.网页是网站中的一“页”，通常是 HTML 格式的文件，它要通过浏览器来阅读。
Web 标准提出的最佳体验方案：**结构、样式、行为相分离**。  
简单理解：结构写到 HTML 文件中， 表现写到 CSS 文件中， 行为写到 JavaScript 文件中
1.结构类似身体
2.表现类似外观装饰
3.行为类似行为动作
4.相比较而言, 三者中结构最重要.
合并单元格方式：
跨行合并**：rowspan="合并单元格的个数"     
最上侧单元格为目标单元格, 写合并代码
跨列合并：colspan="合并单元格的个数"
最左侧单元格为目标单元格, 写合并代码
合并单元格三步曲：
先确定是跨行还是跨列合并。
找到目标单元格. 写上合并方式 = 合并的单元格数量。
比如：<td colspan="2"></td>。删除多余的单元格。
选择器分五种：标签选择器、类名选择器、id选择器、多类名选择器、通配符。
字体设置：复合写法有顺序：font-style  font-weight  (font size   fonu-famly)一定要有
颜色的设置；text-align    text-decoration    color   text-indent     line-height
复合选择器包含；后代选择器、子选择器、复合选择器之并集选择器、伪类选择器。
a:link  未访问的链接
a:visited已经被访问的链接
a:hover鼠标经过所显示的颜色
a:active鼠标点下未松开时的颜色:
1：块元素。<div>  <p>  <h>
一行只能显示一个。可设置宽和高
2：行内元素
<a>  <strong>  <em>  <span>
不可以设置宽和高，一行可以显示多个。
3；行内块元素，<input>  <select>  <textarea>
可设置宽高
转块元素：diaplay:block;
转行内元素display:inline
转行日内元素display:inline-block
background-color背景颜色
background-image：url()插入背景图片
background-repeat是否平铺
background-position:x  y图片放置位置
background-attachment图片是否固定还是滚动
css的三大特点
1、层叠性；权重相同，就近原则，样式不冲突
2、继承性；子元素继承父元素。文本、文字、行高、加粗、字体加粗
3、优先级；!important>行内样式style>id选择器>类选择器、伪类选择器>标签选择器>通配符>继承
cs的书写书序
1、布局定位属性：display / position / float / clear / visibility / overflow（建议 display 第一个写，毕竟关系到模式）
2、自身属性：width / height /hui margin / padding / border / background
3、文本属性：color / font / text-decoration / text-align / vertical-align / white- space / break-word
4、其他属性（CSS3）：content / cursor / border-radius / box-shadow / text-shadow / background:linear-gradient …
盒子的真实高度=设置的宽高+border+padding
浮动：让盒子从普通流中浮起来，让多个块级盒子一行显示；
1、浮动元素和兄弟盒子都浮动了两个盒子都会在一行显示；
2、做布局的时候所有的盒子必须都浮动，才能完成效果；
3、浮动的元素顶端对齐，两个元素之间没有缝隙
5.边框border
综合写法（工作常用，强制记忆）
border:边框粗细 边框线条样式 边框的颜色；
6.浮动布局特比注意点
在做浮动布局的时候一般是多个盒子进行布局，父级里面的所有的布局的子盒子都要浮动，不允许只浮动一部分；
7.清除浮动的方法
额外标签法、父级加overflow属性法、使用after伪元素法、使用双伪元素清除浮动；
8.文字在盒子里面水平居中  Text-aline:center    line-height=height
9.定位=定位模式+边偏移（left、right、top、bottom）
10.定位的分类
静态定位：position:static;（不用，自动忽略）
相对定位：position:relative;
绝对定位：position:absolute;
固定定位：position:fixed;
相对定位：position:relative;
11.overflow:hideen;的常用技巧（重点）
01 overflow:hideen;可以让超出固定范围的内容隐藏掉；
02 overflow:hideen;可以清除浮动，布局的时候我们做左右或者左中右布局，都是父级嵌套子级盒子，然后将子级盒子浮动，但是如果没有给父级添加固定的高度，子级浮动以后父级的高度为0，不占位，会影响后面的布局，就给父级添加overflow:hideen;来解决；
03 overflow:hideen; 嵌套的父子级盒子出现外边距塌陷问题，两个嵌套的盒子，都没有浮动或者定位，给子级盒子添加了margin-top就会出现父级跟着掉下来的塌陷问题，就给父级添加overflow:hideen;来解决；