什么是语言？
人与人之间的沟通交流，我们会用到各种语言，比如：汉语，英语……；
作为一个前端工程师，要与浏览器沟通交流，就要用到浏览器所能识别的语言；
前端开发语言介绍
html（Hypertext Markup Language）—— 结构
超文本标记语言
css（Cascading Style Sheets）—— 样式
层叠样式表
js（javascript）—— 行为
html 第一个页面
html超文本标记语言
< 标记
<html> 标签
<html> </html> 标签对
<!DOCTYPE HTML> 声明文档类型
<meta charset="utf-8"/> 代码编码格式
单标签：直接在后面斜杠结束的标签叫做单标签。
样式表出现的位置
行间样式表
<div style="……"></div>
内部样式表
<style>…………</style>
外部样式表
<link href="style.css" rel="stylesheet"/>
常见样式 一 background
属性：属性值；
width 宽度
height 高度
background 背景
background-attachment: fixed; 背景是否滚动
background-color: gray; 背景颜色
background-image: url(bg.jpg); 背景图
background-repeat: no-repeat; 背景图是否重复
background-position: center 0px; 背景图位置
常见样式 一 border
border 边框
border-width 边框宽度
border-style 边框样式
border-color 边框颜色
边框样式：
solid 实线
dashed 虚线
dotted 点线（IE6不兼容）
常见样式 一 padding
padding 内边距
padding-top 上边内边距
padding-right 右边内边距
padding-bottom 下边内边距
padding-left 左边内边距
padding: top right bottom left;
注意：内边距相当于给一个盒子加了填充厚度会影响盒子大小。
常见样式 一margin
margin 外边距
外边距的问题：
1、上下外边距会叠压；
2、父子级包含的时候子级的margin-top会传递给父级；（内边距替代外边距）
外边距复合：margin: top right bottom left;
扫一扫手机访问
