1.<q>...</q>
短引用，使用后在被引句的两端加上'' ''。
2.<blockquote>...</blockquote>
块状引用，使用后被引用块的两端有缩进。
3.<code>...</code>
短代码引用。
4.<pre>...</pre>
块状代码引用。
5.<caption>...</caption>
为表格添加标题。代码通常写在<table>的下一行。
6.mailto
在<a>标签的"href"属性中，添加"mailto"，可调用客户端的邮件程序，方便访问者向特定邮箱发送邮件。如
<a href="mailto:dhxuangu@126.com">dhxuangu@126.com</a>
7.<textarea>...</textarea>
文本域，支持多行文本的输入。语法如下：
<textarea rows="行数" cols="列数">文本</textarea>
8.CSS选择器
>表示只选中下一层级，如ul>li表示选中ul中的第一层li。
[空格]表示选中所有层级，如ul li表示选中ul中的所有层级的li。
:伪选择器，如a:hover表示鼠标滑过超链接时的CSS样式。
,分组选择器，如h1,span{color:red;}相当于
h1{color:red;} span{color:red;}
.表示类选择器。
#表示ID选择器。
9.下划线与删除线
下划线：text-decoration:underline
删除线：text-decoration:line-through;
10.段落排版——缩进
中文文字中的段前习惯空两个文字的空白，这个特殊的样式可以用下面代码来实现：p{text-indent:2em;}
注意：2em的意思就是文字的2倍大小。
11.段落排版——行高
设置段落行高：p{line-height:1.5em;}，表示段落行距为1.5倍。
12.定宽块状元素的居中设置
当被设置元素为 块状元素 时用 text-align：center 就不起作用了，这时也分两种情况：定宽块状元素和不定宽块状元素。
满足定宽和块状两个条件的元素是可以通过设置“左右margin”值为“auto”来实现居中的。
示例：
html代码：
<body>
<div>我是定宽块状元素，哈哈，我要水平居中显示。</div>
</body>
css代码：
<style>
div{
border:1px solid red;/*为了显示居中效果明显为 div 设置了边框*/
width:200px;/*定宽*/
margin:20px auto;/* margin-left 与 margin-right 设置为 auto */
}
</style>
备注：如果想让页面自动居中，当设置margin属性为auto的时候，不能再设置浮动或绝对定位属性。
13.垂直居中
vertical-align:middle
网友评论