代码初识与盒子模型-创新互联

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许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。