1、<q>引用文本</q>:对简短文本的引用,注意要引用的文本不用加双引号,浏览器会对q标签自动添加双引号。

    <blockquote>引用文本</blockquote>: 对长文本的引用,浏览器对<blockquote>标签的解析是缩进样式。

2、空格:&nbsp

3、<code>代码语言</code> 注:如果是多行代码,可以使用<pre>标签。

    <pre>语言代码段</pre>:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。

4、

<a>标签还有一个作用是可以链接Email地址,使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。下面一一进行讲解,请看详细图示:

注意:如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。

5. CSS特殊性

有的时候我们为同一个元素设置了不同的CSS样式代码,那么元素会启用哪一个CSS样式呢?我们来看一下面的代码:

p{color:red;}
.first{color:green;}
<p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p>

p和.first都匹配到了p这个标签上,那么会显示哪种颜色呢?green是正确的颜色,那么为什么呢?是因为浏览器是根据权值来判断使用哪种css样式的,权值高的就使用哪种css样式。

下面是权值的规则:

标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。例如下面的代码:

p{color:red;} /*权值为1*/
p span{color:green;} /*权值为1+1=2*/
.warning{color:white;} /*权值为10*/
p span.warning{color:purple;} /*权值为1+1+10=12*/
#footer .note p{color:yellow;} /*权值为100+10+1=111*/

注意:还有一个权值比较特殊--继承也有权值但很低,有的文献提出它只有0.1,所以可以理解为继承的权值最低。

6.CSS层叠性和重要性

内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。

浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式

但记住!important优先级样式是个例外,权值高于用户自己设置的样式。