由于各个浏览器的内核不同，我们要遵循W3C组织制定的web标准让所有浏览器最终显示的效果完全一致，而我们前端基础班学了结构标准html和表现标准css，已经可以写出页面效果了，为后期学习javascript打下了基础。

  html是超文本标记语言，不是编程语言；所有的标签放在尖括号“< >”里面。

  css就是层叠样式表，作用是进行页面的版面布局和外观样式的美化，通过css书写代码能够将结构html和样式css分离书写，简化代码，提高可阅读性。

  在写页面的时候，要注意很多细节。

  比如，盒子由内容（实体化宽高）、边框（border）、内边距（padding）、外边距（margin）组成。盒子的实体化三属性为宽width，高height，背景background，实际开发中我们只要将实体化三属性设置好就不会出现兼容问题。

  比如，要非常了解标签的显示模式。块元素的特点是独自占一行；可以设置宽高并且生效；如果不设置宽度width就默认显示为100%（父级多宽盒子就多宽）；一般用来做布局标签。行内元素的特点是一行共存多个；可以设置宽高，但是不生效；默认宽度是内容撑开；一般行内元素里面只能嵌套文本和其他的行内元素，但是超链接a特殊处理后可以在里面放其他元素。行内块元素的特点是一行共存多个；默认宽高由内容撑开；可以控制固定的宽度、高度、外边距、内边距。通过设置display属性的不同取值可以实现相互转换。

  比如，一般导航的布局结构是一个大的div表示整体盒子，里面是ul嵌套多个li，li里面嵌套a，我们需要将li在一行显示，然后用display:block将li里面的a转化为块元素（方便我们实现鼠标经过a的时候设置样式）。做导航布局的时候，一般每一个小盒子的宽度是不一样，而且两边距离是一样的，所以我们不能设置固定的宽度，可以直接设置小盒子的padding-left和padding-right。

  比如，插入图片和背景图片的区别。插入图片一般都是以内容出现是经常更改的，背景图片是用来进行装饰的一般不经常更改，所以我们产品图和内容图片用插入图片，一些小的修饰用背景图片。

  比如，css精灵技术。精灵技术是将多个小图标合并成一张图片，成为css精灵图或者css雪碧图。使用css精灵技术可以减少对服务器的请求次数。

  最后，提一下写页面最需要知道的要点——分析效果图。只有会分析效果图，页面写起来才能顺手，不然还是一头雾水。

  

  由于各个浏览器的内核不同，我们要遵循W3C组织制定的web标准让所有浏览器最终显示的效果完全一致，而我们前端基础班学了结构标准html和表现标准css，已经可以写出页面效果了，为后期学习javascript打下了基础。

  html是超文本标记语言，不是编程语言；所有的标签放在尖括号“< >”里面。

  css就是层叠样式表，作用是进行页面的版面布局和外观样式的美化，通过css书写代码能够将结构html和样式css分离书写，简化代码，提高可阅读性。

  在写页面的时候，要注意很多细节。

  比如，盒子由内容（实体化宽高）、边框（border）、内边距（padding）、外边距（margin）组成。盒子的实体化三属性为宽width，高height，背景background，实际开发中我们只要将实体化三属性设置好就不会出现兼容问题。

  比如，要非常了解标签的显示模式。块元素的特点是独自占一行；可以设置宽高并且生效；如果不设置宽度width就默认显示为100%（父级多宽盒子就多宽）；一般用来做布局标签。行内元素的特点是一行共存多个；可以设置宽高，但是不生效；默认宽度是内容撑开；一般行内元素里面只能嵌套文本和其他的行内元素，但是超链接a特殊处理后可以在里面放其他元素。行内块元素的特点是一行共存多个；默认宽高由内容撑开；可以控制固定的宽度、高度、外边距、内边距。通过设置display属性的不同取值可以实现相互转换。

  比如，一般导航的布局结构是一个大的div表示整体盒子，里面是ul嵌套多个li，li里面嵌套a，我们需要将li在一行显示，然后用display:block将li里面的a转化为块元素（方便我们实现鼠标经过a的时候设置样式）。做导航布局的时候，一般每一个小盒子的宽度是不一样，而且两边距离是一样的，所以我们不能设置固定的宽度，可以直接设置小盒子的padding-left和padding-right。

  比如，插入图片和背景图片的区别。插入图片一般都是以内容出现是经常更改的，背景图片是用来进行装饰的一般不经常更改，所以我们产品图和内容图片用插入图片，一些小的修饰用背景图片。

  比如，css精灵技术。精灵技术是将多个小图标合并成一张图片，成为css精灵图或者css雪碧图。使用css精灵技术可以减少对服务器的请求次数。

  最后，提一下写页面最需要知道的要点——分析效果图。只有会分析效果图，页面写起来才能顺手，不然还是一头雾水。