最近Get到的一些HTML/CSS中的小点（一）_html/css_WEB-ITnose

1、和标签都是用来强调一段话中的某几个文字。默认斜体，默认粗体。在强调语气上表示的是比更强烈的强调。目前国内前端程序员更喜欢使用表示强调。

2、浏览器会对短文本引用标签自动添加双引号。

3、浏览器对长文本引用标签blockquote>的解析是缩进样式（引用段的两边均缩进）。

立即学习“前端免费学习笔记（深入）”；

4、在网页中插入一行代码时可以用标签，如要插入多行代码，使用<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false;">标签。&lt;/p&gt; &lt;p&gt; &lt;/p&gt; &lt;div class=&quot;aritcle_card&quot;&gt; &lt;a class=&quot;aritcle_card_img&quot; href=&quot;/ai/2076&quot;&gt; &lt;img src=&quot;https://img.php.cn/upload/ai_manual/000/000/000/175680172076911.png&quot; alt=&quot;Get笔记&quot;&gt; &lt;/a&gt; &lt;div class=&quot;aritcle_card_info&quot;&gt; &lt;a href=&quot;/ai/2076&quot;&gt;Get笔记&lt;/a&gt; &lt;p&gt;Get笔记，一款AI驱动的知识管理产品&lt;/p&gt; &lt;div class=&quot;&quot;&gt; &lt;img src=&quot;/static/images/card_xiazai.png&quot; alt=&quot;Get笔记&quot;&gt; &lt;span&gt;125&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;a href=&quot;/ai/2076&quot; class=&quot;aritcle_card_btn&quot;&gt; &lt;span&gt;查看详情&lt;/span&gt; &lt;img src=&quot;/static/images/cardxiayige-3.png&quot; alt=&quot;Get笔记&quot;&gt; &lt;/a&gt; &lt;/div&gt; &lt;p&gt;5、&lt;a&gt;标签可以使用mailto便捷发送邮件。具体如下：&lt;/p&gt; &lt;p&gt;&lt;/p&gt; &lt;p&gt; &lt;/p&gt; &lt;p&gt;6、所有表单控件（文本框、文本域、按钮、单选框、复选框等）都必须放在&lt;form&gt;&lt;/form&gt;标签之间（否则用户输入的信息可提交不到服务器上）。&lt;/p&gt; &lt;p&gt; &lt;/p&gt; &lt;p&gt;7、同一组的单选按钮，name 取值一定要一致，这样才可以起到单选的作用。&lt;/p&gt; &lt;p&gt; &lt;/p&gt; &lt;p&gt;8、下拉列表也可以进行多选操作，在&lt;select&gt;标签中设置multiple=&quot;multiple&quot;属性，就可以实现多选功能，在 widows 操作系统下，进行多选时按下Ctrl键同时进行单击（在 Mac下使用 Command +单击），可以选择多个选项。&lt;/p&gt; &lt;p&gt; &lt;/p&gt; &lt;p&gt;9、有一种按钮叫“重置”按钮： &lt;/p&gt; &lt;p class=&quot;sycode&quot;&gt; &lt;pre class=&quot;precsshui&quot;&gt;&lt;input type = &quot;reset&quot; value = &quot;重置&quot;&gt;</pre>

10、子选择器（>）仅作用于元素的第一代后代，后代选择器（空格）是作用于所有子后代元素。

11、目前“伪类选择符“ a:hover 可以兼容所有浏览器 （其实伪类选择符还有很多，尤其是 css3 中，但是不能兼容所有浏鉴器）。其实 :hover 可以放在任意的标签上，比如说 p:hover，但是它们的兼容性也是很不好的，所以现在比较常用的还是 a:hover 的组合。

12、letter-spacing可以实现在网页排版中设置文字间隔或字母间隔。