代码初识与盒子模型-创新互联
1.什么是语言？
语言：交流工具。
人与人之间的沟通交流，我们会用到各种语言，比如：汉语，英语等。
作为一个前端工程师，要与浏览器沟通交流，就要用到浏览器所能识别的语言。
2.html--结构 超文本标记语言
css--样式 层叠样式表
js(javascript)--行为
3.html 超文本标记语言
标签对：
<标记>
单标签：
直接在后面斜杠结束的标签
<标记/>
4.样式的分类
行间样式表
内部样式表
外部样式表
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 文字修饰
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
本文标题：代码初识与盒子模型-创新互联
本文URL：http://scyanting.com/article/hcjpj.html
