在黑马的这段时间学习之下，深刻认识到自己的不足，对于这些对于我来说十分新奇的技术。紧凑的课程，紧张的学习气氛，在我感兴趣的前提下，一下子就适应了这样的生活。收获知识总是让人感到十分充实，在学习CSS和HTML的十几天里我也为自己总结了一下。

首先解释一下浏览器内核是什么东西。英文叫做：Rendering Engine，中文翻译很多，排版引擎、解释引擎、渲染引擎，现在流行称为浏览器内核.负责读取网页内容，整理讯息，计算网页的显示方式并显示页面.。移动端的浏览器内核主要说的是系统内置浏览器的内核。iOS以及WP7平台上，由于系统原因，系统大部分自带浏览器内核，一般是Safari或者IE内核Trident的。

说起HTML，这其实是个非常单纯的家伙， 他只关注内容的语义， CSS的最大贡献就是： 让 HTML 从样式中脱离， 实现了 HTML 专注去做 结构呈现，样式交给css，而起始的就是选择器，选择器分为标签选择器（元素选择器）是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。类选择器给需要的元素调用一个类名，在CSS使用“.”（英文点号）进行标识，后面紧跟类名.我们可以给标签指定多个类名，从而达到更多的选择目的,id选择器使用#进行标识，后面紧跟id名,除了这些基础选择器，还有子元素选择器，后代选择器，并集选择器 链接伪类选择器。

在有选择器类以后就是开始添加属性了，在此之前先要搞清楚元素排列的区别，块级元素自己独占一行高度，宽度、外边距以及内边距都可以控制宽度默认是容器（父级宽度）的100%是一个容器及盒子，里面可以放行内或者块级元素。行内元素相邻行内元素在一行上，一行可以显示多个。高、宽直接设置是无效的。默认宽度就是它本身内容的宽度。行内元素只能容纳文本或则其他行内元素。行内块元素和相邻行内元素（行内块）在一行上,但是之间会有空白缝隙。一行可以显示多个。默认宽度就是它本身内容的宽度。高度，行高、外边距以及内边距都可以控制。它们还有一个名字标准流。接着就是盒子模型盒子模型有元素的内容、边框（border）、内边距（padding）、和外边距（margin）组成。一个完整的页面都是许多子盒子和父盒子组成。

盒子的摆放布局除了之前的标准流之外，还有浮动和定位。浮动元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制还有移动到指定位置。然后会把自己原来的位置漏给下面标准流的盒子，就是不占有原来位置，是脱离标准流的，我们俗称 “脱标”。要注意浮动与标准流的关系，如果上方元素浮动且没有高的情况下，要注意浮动之后不占位置，标准流就会占到原来浮动元素的位置。定位将盒子定在某一个位置 自由的漂浮在其他盒子(包括标准流和浮动)的上面，一般来说定位的盒子，是通过边偏移来移动位置的，它可以实现一些浮动不方便实现的效果，通过定位模式和边偏移。

在黑马的这段时间学习之下，深刻认识到自己的不足，对于这些对于我来说十分新奇的技术。紧凑的课程，紧张的学习气氛，在我感兴趣的前提下，一下子就适应了这样的生活。收获知识总是让人感到十分充实，在学习CSS和HTML的十几天里我也为自己总结了一下。

首先解释一下浏览器内核是什么东西。英文叫做：Rendering Engine，中文翻译很多，排版引擎、解释引擎、渲染引擎，现在流行称为浏览器内核.负责读取网页内容，整理讯息，计算网页的显示方式并显示页面.。移动端的浏览器内核主要说的是系统内置浏览器的内核。iOS以及WP7平台上，由于系统原因，系统大部分自带浏览器内核，一般是Safari或者IE内核Trident的。

说起HTML，这其实是个非常单纯的家伙， 他只关注内容的语义， CSS的最大贡献就是： 让 HTML 从样式中脱离， 实现了 HTML 专注去做 结构呈现，样式交给css，而起始的就是选择器，选择器分为标签选择器（元素选择器）是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。类选择器给需要的元素调用一个类名，在CSS使用“.”（英文点号）进行标识，后面紧跟类名.我们可以给标签指定多个类名，从而达到更多的选择目的,id选择器使用#进行标识，后面紧跟id名,除了这些基础选择器，还有子元素选择器，后代选择器，并集选择器 链接伪类选择器。

在有选择器类以后就是开始添加属性了，在此之前先要搞清楚元素排列的区别，块级元素自己独占一行高度，宽度、外边距以及内边距都可以控制宽度默认是容器（父级宽度）的100%是一个容器及盒子，里面可以放行内或者块级元素。行内元素相邻行内元素在一行上，一行可以显示多个。高、宽直接设置是无效的。默认宽度就是它本身内容的宽度。行内元素只能容纳文本或则其他行内元素。行内块元素和相邻行内元素（行内块）在一行上,但是之间会有空白缝隙。一行可以显示多个。默认宽度就是它本身内容的宽度。高度，行高、外边距以及内边距都可以控制。它们还有一个名字标准流。接着就是盒子模型盒子模型有元素的内容、边框（border）、内边距（padding）、和外边距（margin）组成。一个完整的页面都是许多子盒子和父盒子组成。

盒子的摆放布局除了之前的标准流之外，还有浮动和定位。浮动元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制还有移动到指定位置。然后会把自己原来的位置漏给下面标准流的盒子，就是不占有原来位置，是脱离标准流的，我们俗称 “脱标”。要注意浮动与标准流的关系，如果上方元素浮动且没有高的情况下，要注意浮动之后不占位置，标准流就会占到原来浮动元素的位置。定位将盒子定在某一个位置 自由的漂浮在其他盒子(包括标准流和浮动)的上面，一般来说定位的盒子，是通过边偏移来移动位置的，它可以实现一些浮动不方便实现的效果，通过定位模式和边偏移。