1.程序语言 C语言是目前极为流行的一种计算机程序设计语言，它既具有高级语言的功能，又具有汇编语言的一些特性，且支持ANSIC。 C语言的特点：通用性及易写易读，是一种结构化程序设计语言，具有良好的可移植性 语言功能丰富。 1.1C语言程序的结构 用C语言编写的源程序，简称C程序。C程序是一种函数结构，一般由一个或若干个函数组成，其中必有一个名为main()的函数，成为主函数。 include<stdio.h>    //包含一个叫stdio.h的文件intmain()    &nbsp...

1.HTML5的新特性 HTML5的新增特性主要是针对以前的不足，添加了一些新标签、新的表单和新的表单属性等。 1.1HTML5新增的语义化标签 <header>：头部标签。 <nav>：导航标签。 <article>：内容标签。 <section>：定义文档某个区域。 <aside>：侧边栏标签。 <footer>：尾部标签。 注意： 这种语义化标准主要是针对搜索引擎的，在新标签页面中可以使用多次。在IE9中，需要把这些元素转换为块级元素。 1.2HTML5新增多媒体标签 使用它们可以很方...

网页 1.什么是网页 网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页”，通常是HTML格式的文件，它要通过浏览器来阅读。 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.htm或.html后缀结尾的文件，因此将其俗称为HTML文件。 网页生成制作：有前端人员书写HTML文件，然后浏览器打开，就能看到了网页。 1.1什么是HTML HTML指的是超文本标记语言，它是用来描述网页的一种语言。 HTML不是一种编程语言，而是一种标记语言。 标记语言是一整套标记标签。 HTML：超文本标...

1.表格标签 1.1表格的主要作用 表格主要是用于显示、展示数据，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。 总结：表格不是用来布局页面的，而是用来展示数据的。 1.2表格的基本语法 <table><tr><td>单元格内的文字</td>……</tr>……</table> 注意： 1.<table></table>是用于定义表格的标签。 2.<tr></tr&...

1.CSS简介 CSS的主要使用场景就是美化网页，布局页面。 1.1HTML的局限性 说起HTML，其实就是个非常单纯的家伙，他只关注内容语义。比如<h1>表明这是一个大标题，<p>表明这是一个段落，<img>表明这儿有一个图片，<a>表示此处有链接，主要做结构，显示元素内容。 很早的时候，世界上的网站虽然很多，但是他们都有一个共同的特点：丑。 虽然HTML可以做简单的样式，但是带来的是无尽的臃肿和繁琐……。 1.2CSS-网页的美容师 CSS是层叠样式表的简称。有时我们也会称之为CSS样式表或级联样式表。 CSS也是一种标记语言。 CSS主要用...

1.CSS的复合选择器 1.1什么是复合选择器 在CSS中，可以根据选择器的类型把选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器之上，对基本选择器进行组合形成的。 复合选择器可以更准确、更高效的选择目标元素（标签）。 复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的。 常用的复合选择器包括：后代选择器、子代选择器、并集选择器、伪类选择器等等。 1.2后代选择器 后代选择器又称为包含选择器，可以选择父元素里面子元素。其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔。当标签发生嵌套时，内层标签就成为外层标签的后代。 语法： 元素1元素2{样式声明} ...

CSS的三大特性 CSS有三个非常重要的三个特性：层叠性、继承兴、优先性。 1.层叠性 相同选择器给设置相同样式，此时一个样式就会覆盖（层叠）另一个冲突的样式，层叠性主要解决样式冲突的问题。 1.1层叠性原则 样式冲突，遵循的原则就是就近原则，哪个样式离结构近，就执行哪个样式。 样式不冲突，不会层叠。 2.继承性 现实中的继承：我们继承了父亲的姓。 2.1CSS中的继承 子标签会继承父标签的某些样式，如文本颜色和字号，简单的理解就是：子承父业。 恰当地使用继承可以简化代码，降低CSS样式的复杂性。 子元素可以继承父元素的样式（text-，font-，line-这些元素开头的可以继承，以及col...

1.盒子模型 1.1看透网页布局的本质 页面布局过程： 1.先准备好相关的网页元素，网页元素基本都是盒子Box。 2.利用CSS设置好盒子样式，然后摆放到相应位置。 3.往盒子里面装内容。 网页布局的核心本质：就是利用CSS摆盒子。 1.2盒子模型（BoxModel）组成 所谓盒子模型：就是把HTML页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。 CSS盒子模型本质上就是一个盒子，封装周围的HTML元素，它包括：边框（border）、外边距（margin）、内边距（padding）和实际内容（content）。 1.3边框（border） border可以设置元素的边框。边框...

1.浮动（float） 1.1传统网页布局的三种方式 网页布局的本质———用CSS来摆放盒子。把盒子摆放到相应位置。 CSS提供了三种传统布局方式（简单来说，就是盒子如何进行排列顺序）： 1.普通流（标准流）。 2.浮动。 3.定位。 1.2标准流（普通流/文档流） 所谓的标准流：就是标签按照规定好默认方式排列。 1.2.1块级元素 块级元素会独占一行，从上向下顺序排类。 常用元素：div、hr、p、h1h6、ul、ol、dl、form、table。 1.2.2 行内元素 行内元素会按照顺序，从左到右顺序排类，碰到父元素边缘则自动换行。 常用元素：span、a、i、em等。 1.3为...

1.定位 1.1为什么需要定位 1.某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子。 2.当我们滚动窗口的时候，盒子是固定屏幕某个位置的。 注意：浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子。定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中的某个位置，并且可以压住其他盒子。 1.2定位组成 定位：将盒子定在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。 定位=定位模式+边偏移 定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。 1.2.1定位模式 定位模式决定元素的定位方式，它通过CSS的positio...

1.精灵图 1.1为什么需要精灵图 一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。 因此，为了有效地减少服务器接受和发送请求的次数，提高页面的加载速度，出现了CSS精灵技术。 核心原理：将网页中的一些小背景图像整合到一张大图中，这样服务器只需要一次请求就可以了。 1.2精灵图（sprites）的使用 使用精灵图核心： 1.精灵图技术主要针对于背景图片使用。就是把多个小背景图片整合到一张大图片中。 2.这个大图片也称为sprites精灵图或者雪碧图。 3.移动背景图片位置，此时可以使用b...

1.CSS3新增选择器 CSS3给我们新增了选择器，可以更加便捷，更加自由的选择目标元素。 1.1属性选择器 属性选择品可以根据元素特定属性的来选择元素。这样就可以不用借助于类或者id选择器。 选择符 简介 E[att] 选择具有att属性的E元素。 E[att="val"] 选择具有att属性且厲性值等于val的E元素。 E[att^="val"] 匹配具有att属性旦值以val开头的E元素。 E[att$="val"] 匹配具有att属性且位以val结尾的E元素。 E[att="val"] 匹配具有att属性且值中含有val的E元素。 注意：类选择器、厲性选...

1.什么是Web服务器 服务器（我们也会称之为主机）是提供计算机服务的设备，它也是一台计算机。在网络环境下。根据服务器提供的服务类型不同，服务器又分为文件服务器、数据库服务器、应用程序服务器、Web服务器等。 Web服务器一般指网站服务器，是指驻留于因特网上某种类型计算机的程序，可以向浏览器等Web客户端提供文档，也可以放置网站文件，让全世界浏览；可以放置数据文件，让全世界下载。 根据服务器在网络中所在的位置不同，又可分为本地服务器和远程服务器。 1.1本地服务器 我们可以把自己的电脑设置为本地服务器，这样同一个局域网内的同学就可以访问你的网站。 1.2远程服务器 本地服务器主要是在局域网中访...

1.转换 转换（transform）是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果。 转换（transform）可以简单理解为变形。 移动：translate 旋转：rotate 缩放：scale 1.1二维坐标系 2D转换是改变在二维平面上的位置和形状的一种技术。 1.22D转换之移动translate 2D移动是2D转换里面的一种功能，可以改变元素在页面中的位置，类似定位。 语法 transform:translate(x,y);或者分开写 transform:translateX(n); transform:translateY(n); 重点 ...

1.动画 动画（animation）是CSS3中具有颠覆性的特征之一，可以通过设置都各节点来精确控制一个或一组动画，常用来实现复杂的动画效果。 相比较过度，动画可以实现更多变化，更多控制，连续自动播放等效果。 1.1动画的基本使用 制作动画分为两步： （1）先定义动画。 （2）再使用（调用）动画。 1.1.1用Keyframes定义动画（类似定义类选择器） @keyframes动画名称{       0%{           &nbs...