IMWeb前端学习笔记——Day3

1、HTML标签的使用心得

  在HTML的使用过程中，有些标签看上去似乎用法差不多，例如<p>和<span>看上去没有什么区别，但实际上，二者之间相差甚远。

  因为<p>是一个块级元素，<span>是一个行内元素，所以二者的用法实际上是截然不同的。

  那么，这就又牵扯到了块级元素和行内元素的区别。

2、块级元素和行内元素的区别。

块级元素：块级元素在浏览器显示时，通常会以新行来开始（和结束）。

例如：<h1>, <p>, <ul>, <table>等。

行内元素：内联元素在显示时通常不会以新行开始。

例如：<b>, <td>, <a>, <img>。

3、CSS选择器

css一般由选择器和声明构成，而选择器又分为多种，最常用的选择器是元素选择器，id选择器，类选择器。

元素选择器：最基本的选择器。

例如：

p {color:red;}h1 {color:blue;}h2 {color:silver;}

属性选择器：可以为拥有指定属性的 HTML 元素设置样式。

例如：

input[type="text"]{  width:150px;}

id选择器：可以为标有特定 id 的 HTML 元素指定特定的样式，以#来定义。

例如：

#red {color:red;}#green {color:green;}

类选择器：以一种独立于文档元素的方式来指定样式。

例如：

<h1 class="important">这是一个标题。</h1>

.important {color:red;}

id选择器和类选择器的区别：

1、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。

2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的（不能使用 ID 词列表）。

4、部分css文本属性

排成斜体：font-style：italic;

加下划线：text-decoration：underline;

改成大写字母形式：text-transform：uppercase;

文本加粗：font-weight：bold;