web前端开发基础
前端开发语言介绍
html（Hypertext Markup language）——结构超文本标记语言
css（Cascsding Style Sheets）——样式层叠样式表
js（javascript）——行为
html第一个页面
html超文本标记语言
<标记
<html>标签
<html></html>标签对
<!--内容-->内容body注释
/*内容*/css注释
<!DOCTYPE HTML>声明文档类型
<meta charset="utf-8">代码编码格式
单标签：直接在后面斜杠结束的标签叫做单标签。
样式表出现的位置
行间样式表
<div style="......"></div>
内部样式表
<style>............</style>
外部样式表
<link href="style.css"rel="styleheet"/>
常见的样式—background
属性：属性值；
width 宽度
heigth 高度
background 背景
background-attachment:fixed；背景是否滚动
background-color:gray；背景颜色
background-image:ur(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;
盒模型
盒子大小=border+padding+width/height
盒子宽度=左border+左padding+width+右padding+右border
盒子高度=上border+上padding+height+下padding+下border