在黑马短短的一小段时间里，让我对前段有了初步的认识，从刚开始看网页，到后来看网页的布局以及自己有着自己对这个网页的分析，让自己变得有一些不一样。实则是接触新鲜的实物，可以算作是一小点进步吧，毕竟我在接受新的知识。回望着十几天，我对这些天课程的内容我来一个自我小总结。

Html 是我在黑马接触的第一个东西,lIE（Trident ),Firefox（Gecko),safari（webkiit）,chrome（chromium/Blink）,Opera（blink）这是我们常见的几个浏览器，chrome就是我们知道的谷歌浏览器，也是我们写代码最常用的一个浏览器。安卓机器一般都用Webkit内核，ios以及WP7一般都是系统自带浏览器内核，一般是Safari或者Trident内核。div和spa非常的重要.div标签布局标签，主要是布局用的大标签，也是主要标签;

特点,没有语义，独占一行。span标签布局标签，不用来做主要布局，一般放特殊效果的文字或者小图标；特点，没有语义，一行共存多个。

CSS是我们接触的第二个大类，也是非常重要的。要标重点的。CSS全名Cascading Style Sheets，简称层叠样式表，主要是用来进行页面的版面布局和外观样式的美化。能够将结构html和样式css分离书写，简化代码，提高可阅读性。

然后就是我们的选择器，Css选择器分为两类，基础选择器和高级选择器。基础选择器，标签选择器（html选择器）、类选择器、ID选择器。复合选择器，后代选择器、并集选择器、指定标签选择器。在我们基础选择器中，类选择器是非常重要的，类选择器的定义是在css里面用点“  .  ”   +  类名称 +{ css键值对 } 进行样式定义。类选择器的调用：在html里面哪个标签需要，就在开始标签敲空格class=“类名称”进行调用。类选择器的命名规则：不能用纯数字、数字开头的、中文命名；但是可以用数字结束。类选择器特殊用法（多类名），一个标签身上只能使用一个class，如果想要调用多个类名我们可以在一个class里面直接以空格隔开直接书写另一个类名称即可。例如<div class=“red  font100”>一个元素调用多个类名</div>

在后面的的书写中，类选择器非常非常的多，这也是非常基础的东西，需要我们在基础班的时候好好的把握，熟练和学习。

还有标签的显示模式也非常的重要，这方面的内容也非常的复杂，需要自己对每个元素的理解，还要对这三个元素分别代表的标签稍加记忆，才可以在之后元素转换的运用中灵活。实际开发的时候有的需要独占一行，有的需要一行放多个，所以把标签的显示模式分为三个。块级元素：自己独占一行，代表标签 div、h标签。行内元素：一行可以共存多个，代表标签 span 、a。行内块元素，一行可以共存多个，代表标签 img 、 input。特点是独占一行，设置宽高能够生效，也可以控制外边距和内边距。默认的宽度是父级的100%。块级元素是一个容器盒子，里面可以放行内或者块元素。需要注意的是p标签是块级元素，但是p标签里面不能放div标签。同理h标签（标题标签）dt等都是文字类块级标签，里面尽量不能放其他块级元素，常见的块级元素有div/p/h1-h6/ul/li/dl/dt/dd

行内元素的特点是，一行可以共存多个，设置宽高不生效，一般宽高是自己本身的内容撑开，行内元素里面最好只放文本或者其他的行内元素。常见的行内元素有a  span  u  s  del  strong   em  i  ins 等。需要注意的是，超链接里面不能嵌套超链接。特殊情况a标签里面可以放块级元素，但是最好给a转换成块级模式。行内块元素一行共存多个，默认宽高由内容撑开，但是可以控制固定的宽度和高度和外边距，内边距。一句话总结就是行内块元素可以一行共存多个，能够设置宽高并且生效。三种显示模式相互之间是可以转换的，在之后的运用中非常的重要，我经常会搞混了，没有非常的熟练。将元素转化为块级元素是display:block。将元素转化为行内元素是display:inline。将元素转化为行内块元素，display:inline-block。溢出的文字省略号white-space:normal，默认处理，文字一行显示不下就折行显示，溢出的文字省略号white-space:nowrap， 强制一行显示，文字一行显示不小就强制显示，要配合overflow:hidden，使用，然后想要出现省略好配合下面属性。text-overflow:clip;，不显示省略号，直接裁剪。text-overflow:ellipsis;，隐藏的内容以省略号显示。让超出固定宽的的文字内容以省略号显示三部曲。第一步，让文字强制一行显示 ，white-space:nowrap。第二步，让超出范围的文字隐藏overflow:hidden。第三部，隐藏的内容以省略号显示text-overflow:ellipsis。

在黑马短短的一小段时间里，让我对前段有了初步的认识，从刚开始看网页，到后来看网页的布局以及自己有着自己对这个网页的分析，让自己变得有一些不一样。实则是接触新鲜的实物，可以算作是一小点进步吧，毕竟我在接受新的知识。回望着十几天，我对这些天课程的内容我来一个自我小总结。

Html 是我在黑马接触的第一个东西,lIE（Trident ),Firefox（Gecko),safari（webkiit）,chrome（chromium/Blink）,Opera（blink）这是我们常见的几个浏览器，chrome就是我们知道的谷歌浏览器，也是我们写代码最常用的一个浏览器。安卓机器一般都用Webkit内核，ios以及WP7一般都是系统自带浏览器内核，一般是Safari或者Trident内核。div和spa非常的重要.div标签布局标签，主要是布局用的大标签，也是主要标签;

特点,没有语义，独占一行。span标签布局标签，不用来做主要布局，一般放特殊效果的文字或者小图标；特点，没有语义，一行共存多个。

CSS是我们接触的第二个大类，也是非常重要的。要标重点的。CSS全名Cascading Style Sheets，简称层叠样式表，主要是用来进行页面的版面布局和外观样式的美化。能够将结构html和样式css分离书写，简化代码，提高可阅读性。

然后就是我们的选择器，Css选择器分为两类，基础选择器和高级选择器。基础选择器，标签选择器（html选择器）、类选择器、ID选择器。复合选择器，后代选择器、并集选择器、指定标签选择器。在我们基础选择器中，类选择器是非常重要的，类选择器的定义是在css里面用点“  .  ”   +  类名称 +{ css键值对 } 进行样式定义。类选择器的调用：在html里面哪个标签需要，就在开始标签敲空格class=“类名称”进行调用。类选择器的命名规则：不能用纯数字、数字开头的、中文命名；但是可以用数字结束。类选择器特殊用法（多类名），一个标签身上只能使用一个class，如果想要调用多个类名我们可以在一个class里面直接以空格隔开直接书写另一个类名称即可。例如<div class=“red  font100”>一个元素调用多个类名</div>

在后面的的书写中，类选择器非常非常的多，这也是非常基础的东西，需要我们在基础班的时候好好的把握，熟练和学习。

还有标签的显示模式也非常的重要，这方面的内容也非常的复杂，需要自己对每个元素的理解，还要对这三个元素分别代表的标签稍加记忆，才可以在之后元素转换的运用中灵活。实际开发的时候有的需要独占一行，有的需要一行放多个，所以把标签的显示模式分为三个。块级元素：自己独占一行，代表标签 div、h标签。行内元素：一行可以共存多个，代表标签 span 、a。行内块元素，一行可以共存多个，代表标签 img 、 input。特点是独占一行，设置宽高能够生效，也可以控制外边距和内边距。默认的宽度是父级的100%。块级元素是一个容器盒子，里面可以放行内或者块元素。需要注意的是p标签是块级元素，但是p标签里面不能放div标签。同理h标签（标题标签）dt等都是文字类块级标签，里面尽量不能放其他块级元素，常见的块级元素有div/p/h1-h6/ul/li/dl/dt/dd

行内元素的特点是，一行可以共存多个，设置宽高不生效，一般宽高是自己本身的内容撑开，行内元素里面最好只放文本或者其他的行内元素。常见的行内元素有a  span  u  s  del  strong   em  i  ins 等。需要注意的是，超链接里面不能嵌套超链接。特殊情况a标签里面可以放块级元素，但是最好给a转换成块级模式。行内块元素一行共存多个，默认宽高由内容撑开，但是可以控制固定的宽度和高度和外边距，内边距。一句话总结就是行内块元素可以一行共存多个，能够设置宽高并且生效。三种显示模式相互之间是可以转换的，在之后的运用中非常的重要，我经常会搞混了，没有非常的熟练。将元素转化为块级元素是display:block。将元素转化为行内元素是display:inline。将元素转化为行内块元素，display:inline-block。溢出的文字省略号white-space:normal，默认处理，文字一行显示不下就折行显示，溢出的文字省略号white-space:nowrap， 强制一行显示，文字一行显示不小就强制显示，要配合overflow:hidden，使用，然后想要出现省略好配合下面属性。text-overflow:clip;，不显示省略号，直接裁剪。text-overflow:ellipsis;，隐藏的内容以省略号显示。让超出固定宽的的文字内容以省略号显示三部曲。第一步，让文字强制一行显示 ，white-space:nowrap。第二步，让超出范围的文字隐藏overflow:hidden。第三部，隐藏的内容以省略号显示text-overflow:ellipsis。