1.什么是语言？

语言：交流工具。

人与人之间的沟通交流，我们会用到各种语言，比如：汉语，英语等。

作为一个前端工程师，要与浏览器沟通交流，就要用到浏览器所能识别的语言。

2.html--结构 超文本标记语言

css--样式 层叠样式表

js(javascript)--行为

3.html 超文本标记语言

标签对：

<标记></标记>

<html></html>

单标签：

直接在后面斜杠结束的标签

<标记/>

<br/>

4.样式的分类

行间样式表 <div ></div>

内部样式表 <style type="text/css"> </style>

外部样式表 <link href=" " rel="stylesheet" type="text/css"/>

5. 样式 --background

属性：属性值;

width 宽度

height 高度

background 背景

background-p_w_upload:fixed;背景是否滚动

background-color:red;背景颜色

background-p_w_picpath:url(bg.jpg); 背景图片

background-repeat:no-repeat;背景图片不重复

background-position:center 0px;背景图的位置

6.样式--border

border 边框

border-width 边框宽度

border-style 边框样式

border-color 边框颜色

边框样式：

solid 实现

dashed 虚线

dotted 点线（IE6不兼容）

7.样式--paddding

padding 内边距

padding-top上边内边距

padding-right 右边内边距

padding-bottom 下边内边距

padding-left 左边内边距

【注意：】内边距相当于给一个盒子加了填充后都会影响盒子的大小。

8.样式--margin

margin 外边距

外边距的问题

上下外边距会叠压

父子级包含的时候子级的margin-top会传递给父级（内边距来替代外边距）

9.盒子模型

盒子大小=border+padding+width/height

盒子宽度=左border+左padding+width+右padding+右border

盒子高度=上border+上padding+height+下padding+下border

10.常见样式-文本设置

font-size 文字大小

font-family 字体

color文字颜色

line-height 行高

text-align文本对齐方式

font-indent 首行缩进（em缩进字符）

font-style文字倾斜

font-weight文字着重

font-decoration文字修饰