很少注意到的HTML和css用法

最近有点时间将标签和样式回炉重新学了一下，又新增了一些了解。

HTML部分：

1、<strong>和<em>标签都有对内容加粗的效果，但是<em>标签会将文字变成斜体<strong>标签不会

2、<h1>标签中在网页中算是比较重要的标签了，最好在项目中可以将网页名称用<h1>标签包裹，这样利于网页搜索。

3、如果页面中有引用名人名言则可以使用<q>标签将其包裹， 如果是比较长的文字则可以使用<blockquote>标签将其包裹，浏览器会将其渲染成双引号包裹的效果

4、<a>标签中的href值，可以写电话可以写邮箱（cc：抄送；bcc：秘密抄送；subject：邮件主题；body：邮件内容）

     邮箱写法：mailto:aa@qq.com

    加抄送写法：mailto:aa@qq.com?cc=bb@qq.com（秘密抄送将cc换成bcc即可）

    多个收件人、抄送写法：mailto:aa@qq.com；bb@qq.com

    添加邮件主题：mailto:aa@qq.com?subject=发送邮件

    添加邮件内容：mailto:aa.com?body=欢迎添加邮箱内容

    完整写法：<a href="mailto:aa#qq.com?cc=bb@qq.com&cc=cc@qq.com&bcc=dd@qq.com&subject=邮件主题&body=邮件内容">发送</a>

5、如果页面中需要显示源码则将源码部分使用<pre>标签包裹；如果只有一行代码则使用<code>标签包裹即可

6、<table>标签中如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构， tbody包含行的内容下载完优先显示，不必等待表格结束后在显示，同时如果表格很 长，用tbody分段，可以一部分一部分地显示。

7、<table summary="表格简介文本">summary标签里边的内容可以增加表格的可读性，增加语义化；可以使得搜索引擎更好的读懂表格的内容；也可以帮助屏幕阅读器更好的帮助用户读取表格内容

8、 <form><label for="username">用户名:</label><input type="text" name="username" id="username" value="" /></form>label标签上的for="username"对应input上的id里的内容，作用是点击用户名的时候input框中也可以获得焦点进行内容输入标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。

9、下拉列表也可以进行多选操作 在<select>标签中设置multipe = "multipe"属性就可以实现多选功能，在Windows下可以按住Ctrl键进行多选，在Mac下使用command键和单机进行多项选择

css样式部分：

1、样式的引用分成为3中，内联式；嵌入式和外部式，内联式指的是在标签内部添加style样式，嵌入式指的是在页面的头部部分添加<style>标签，外部式指的是在页面头部添加<link>标签将外部样式引用进页面来

2、当标签选择器和类选择器都作用在同一个标签上的时候，浏览器会根据样式的权值来显示；标签的权值为1，类选择符的权值为10，ID选择符的权值最高为10；继承也是有权值的哦，只不过权值比较小，有的文献说继承的文献只有0.1，所以继承的权值是最低的 ；当权值是一样的时候，会根据这些样式表的先后顺序来决定，写在最后边的样式一般会被渲染（因为后边的样式会覆盖前边的样式表）；但还有个大招哦，！important，它的权值取决于用户自己设置的样式

    p{color:red}    权值为1

    p span{color:greeen}    权值为1+1=2

    .p{color:white}    权值为10

    p span.white{color:purple}   权值为1+1+10=12

    #p .p p{color:yellow}   100+10+1=111

3、letter-spacing是设置文字和字母之间的间距的，当是设置中文的时候是设置文字间的间距，但是如果是设置英文的时候设置的是字母之间的间距，而不是单词之间的间距哦，如果要设置单词之间的间距的时候可以使用word-spacing