1.简单的tag

1....
短引用,使用后在被引句的两端加上'' ''。

2.

...

块状引用,使用后被引用块的两端有缩进。

3....
短代码引用。

4.

...

块状代码引用。

5....
为表格添加标题。代码通常写在

的下一行。

6.mailto
标签的"href"属性中,添加"mailto",可调用客户端的邮件程序,方便访问者向特定邮箱发送邮件。如
[email protected]

7.
文本域,支持多行文本的输入。语法如下:

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代码:


  
我是定宽块状元素,哈哈,我要水平居中显示。

css代码:


备注:如果想让页面自动居中,当设置margin属性为auto的时候,不能再设置浮动或绝对定位属性。

13.垂直居中

vertical-align:middle

你可能感兴趣的:(1.简单的tag)