1.网页是图片、链接、文字、声音、视频等元素组成, 其实就是一个html文件(后缀名为html) 2.网页生成制作: 有前端人员书写 HTML 文件, 然后浏览器打开,就能看到了网页.
3.HTML: 超文本标记语言, 用来制作网页的一门语言. 有标签组成的. 比如 图片标签 链接标签 视频标签等…
4.常用的浏览器有 IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。平时称为五大浏览器。
5.html中常用的标签：标题标签<h1>-<h6>加了标题的文字会变的加粗，字号也会依次变大；一个标题独占一行。
<br>分行标签 是单标签。
<div> 和 <span> 是没有语义的，它们就是一个盒子，用来装内容的。
具体实现：
     <div> 块级元素 </div>   
     <span> 行内块元素 </span>
特点：
    1. <div> 标签用来布局，但是现在一行只能放一个<div>。 大盒子
2. <span> 标签用来布局，一行上可以多个 <span>。小盒子
<img>图像标签中SrC属性：图片路径。（必须属性）
alt属性：替换文本。图像不能显示的文字
title属性：提示文本。鼠标放到图像上，显示的文字
width属性：设置图像的宽度。
Height属性：设置图像的高度。
Border属性：设置图像的边框粗细。
<a>连接标签：链接的语法格式
<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>
属性：
    1.href：用于指定链接目标的url地址
    2.target:用于指定链接页面的打开方式_self默认值 _blank新窗口打开
3.#：空链接
4.下载链接: 如果 href 里面地址是一个文件或者压缩包，会下载这个文件。
5.网页元素链接: 在网页中的各种网页元素，如文本、图像、表格、音频、视频等都以添加超链接.
6.锚点链接: 点我们点击链接,可以快速定位到页面中的某个位置。
6.基础选择器  包括：标签选择器、类选择器、id 选择器和通配符选择器。
标签选择器（元素选择器）是指用 HTML 标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的 CSS 样式。
7.CSS中字体属性标签
font-size 属性定义字体大小。font-weight 属性设置文本字体的粗细。font-style 属性设置文本的风格。font-family设置文本字体。
8.CSS文本属性标签
color 属性用于定义文本的颜色。
text-align 属性用于设置元素内文本内容的水平对齐方式。left左对齐，center居中对齐，right右对齐。
text-decoration修饰文本
text-indent文本缩进。
line-height 属性用于设置行间的距离（行高）。可以控制文字行与行之间的距离。
9.CSS显示模式
分为块元素，行内块元素，行内元素。
常见块元素：<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>
块级元素的特点：
•        比较霸道，自己独占一行。
•        高度，宽度、外边距以及内边距都可以控制。
•        宽度默认是容器（父级宽度）的100%。
•        是一个容器及盒子，里面可以放行内或者块级元素。
注意：文字类的元素内不能放块级元素。
常见的行内元素：
<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span>
                <span> 标签是最典型的行内元素。有的地方也将行内元素称为内联元素。
行内元素的特点：
•        相邻行内元素在一行上，一行可以显示多个。
•        高、宽直接设置是无效的。
•        默认宽度就是它本身内容的宽度。
•        行内元素只能容纳文本或其他行内元素。
注意：链接里面不能再放链接。特殊情况链接 <a> 里面可以放块级元素，但是给 <a> 转换一下块级模式最安全。
常见的行内块标签：
<img />、<input />、<td>
                它们同时具有块元素和行内元素的特点。有些资料称它们为行内块元素。
行内块元素的特点：
•        和相邻行内元素（行内块）在一行上，但是他们之间会有空白缝隙。
•        一行可以显示多个（行内元素特点）。
•        默认宽度就是它本身内容的宽度（行内元素特点）。
•        高度，行高、外边距以及内边距都可以控制（块级元素特点）。
元素显示模式转换：
转换方式
•        转换为块元素：display:block;
•        转换为行内元素：display:inline;
•        转换为行内块：display: inline-block;
10.CSS显示背景
背景颜色：background-color 定义元素的背景颜色。
背景图片：background-image 定义元素的背景图片。
背景平铺：        background-repeat 设置元素背景图像的平铺。
背景图片位置：background-position 属性可以改变图片在背景中的位置。
背景合写样式：background: 背景颜色 背景图片地址 背景平铺 背景图像滚动 背景图片位置;
11.其他样式
border-radius 属性用于设置元素的外边框圆角。
box-shadow 属性为盒子添加阴影。
text-shadow 属性将阴影应用于文本。
12.传统网页布局的三种方式
        CSS 提供了三种传统布局方式(简单说,就是盒子如何进行排列顺序)：
•        普通流（标准流）
•        浮动
•        定位

1.网页是图片、链接、文字、声音、视频等元素组成, 其实就是一个html文件(后缀名为html) 2.网页生成制作: 有前端人员书写 HTML 文件, 然后浏览器打开,就能看到了网页.
3.HTML: 超文本标记语言, 用来制作网页的一门语言. 有标签组成的. 比如 图片标签 链接标签 视频标签等…
4.常用的浏览器有 IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。平时称为五大浏览器。
5.html中常用的标签：标题标签<h1>-<h6>加了标题的文字会变的加粗，字号也会依次变大；一个标题独占一行。
<br>分行标签 是单标签。
<div> 和 <span> 是没有语义的，它们就是一个盒子，用来装内容的。
具体实现：
     <div> 块级元素 </div>   
     <span> 行内块元素 </span>
特点：
    1. <div> 标签用来布局，但是现在一行只能放一个<div>。 大盒子
2. <span> 标签用来布局，一行上可以多个 <span>。小盒子
<img>图像标签中SrC属性：图片路径。（必须属性）
alt属性：替换文本。图像不能显示的文字
title属性：提示文本。鼠标放到图像上，显示的文字
width属性：设置图像的宽度。
Height属性：设置图像的高度。
Border属性：设置图像的边框粗细。
<a>连接标签：链接的语法格式
<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>
属性：
    1.href：用于指定链接目标的url地址
    2.target:用于指定链接页面的打开方式_self默认值 _blank新窗口打开
3.#：空链接
4.下载链接: 如果 href 里面地址是一个文件或者压缩包，会下载这个文件。
5.网页元素链接: 在网页中的各种网页元素，如文本、图像、表格、音频、视频等都以添加超链接.
6.锚点链接: 点我们点击链接,可以快速定位到页面中的某个位置。
6.基础选择器  包括：标签选择器、类选择器、id 选择器和通配符选择器。
标签选择器（元素选择器）是指用 HTML 标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的 CSS 样式。
7.CSS中字体属性标签
font-size 属性定义字体大小。font-weight 属性设置文本字体的粗细。font-style 属性设置文本的风格。font-family设置文本字体。
8.CSS文本属性标签
color 属性用于定义文本的颜色。
text-align 属性用于设置元素内文本内容的水平对齐方式。left左对齐，center居中对齐，right右对齐。
text-decoration修饰文本
text-indent文本缩进。
line-height 属性用于设置行间的距离（行高）。可以控制文字行与行之间的距离。
9.CSS显示模式
分为块元素，行内块元素，行内元素。
常见块元素：<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>
块级元素的特点：
•        比较霸道，自己独占一行。
•        高度，宽度、外边距以及内边距都可以控制。
•        宽度默认是容器（父级宽度）的100%。
•        是一个容器及盒子，里面可以放行内或者块级元素。
注意：文字类的元素内不能放块级元素。
常见的行内元素：
<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span>
                <span> 标签是最典型的行内元素。有的地方也将行内元素称为内联元素。
行内元素的特点：
•        相邻行内元素在一行上，一行可以显示多个。
•        高、宽直接设置是无效的。
•        默认宽度就是它本身内容的宽度。
•        行内元素只能容纳文本或其他行内元素。
注意：链接里面不能再放链接。特殊情况链接 <a> 里面可以放块级元素，但是给 <a> 转换一下块级模式最安全。
常见的行内块标签：
<img />、<input />、<td>
                它们同时具有块元素和行内元素的特点。有些资料称它们为行内块元素。
行内块元素的特点：
•        和相邻行内元素（行内块）在一行上，但是他们之间会有空白缝隙。
•        一行可以显示多个（行内元素特点）。
•        默认宽度就是它本身内容的宽度（行内元素特点）。
•        高度，行高、外边距以及内边距都可以控制（块级元素特点）。
元素显示模式转换：
转换方式
•        转换为块元素：display:block;
•        转换为行内元素：display:inline;
•        转换为行内块：display: inline-block;
10.CSS显示背景
背景颜色：background-color 定义元素的背景颜色。
背景图片：background-image 定义元素的背景图片。
背景平铺：        background-repeat 设置元素背景图像的平铺。
背景图片位置：background-position 属性可以改变图片在背景中的位置。
背景合写样式：background: 背景颜色 背景图片地址 背景平铺 背景图像滚动 背景图片位置;
11.其他样式
border-radius 属性用于设置元素的外边框圆角。
box-shadow 属性为盒子添加阴影。
text-shadow 属性将阴影应用于文本。
12.传统网页布局的三种方式
        CSS 提供了三种传统布局方式(简单说,就是盒子如何进行排列顺序)：
•        普通流（标准流）
•        浮动
•        定位