HTML&CSS

<p> paragragh 段落

<em> emphasize 强调(显示为斜体)

<span> 样式

<q> quote [kwot] 引用，引号(显示默认添加双引号，故不用再次添加“ ”)

<blockquote> 引用块，长文本引用(显示默认为缩进，左右都缩进)

<br /> break 换行   空格占位符

<hr /> horizontal rule 水平分割线

<address> 地址标签(默认显示为斜体)

<code> 一行代码

<pre> predefined 预定义，多行代码,预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体.

<ul> unordered list 定义无序列表 (前方显示一个小圆点)

<li> list 列表

<ol> orderly list 定义有序列表 (前方显示123等数字)

创建表格的四个元素：table、tbody、tr、th、td

<tbody> table body 表格体

<tr> table row 表格，行

<td> table data 表格数据

<th> table head 表格头

<caption> 表格标题

<a> action 目标，添加超链接例: <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>

rel 属性用于指定当前文档与被链接文档的关系 relative 相对关系

#setGreen{

color:green;

}

CSS id选择器

.类选器名称{css样式代码;}

注意：

1、英文圆点开头

2、其中类选器名称可以任意起名

.food>li{border:1px solid red;} 大于符号(>),用于选择指定标签元素的第一代子元素。

solid：表示单线

包含选择器，即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码：

.first span{color:red;}

伪类选择符，它允许给html不存在的标签（标签的某种状态）设置样式 :a:hover{color:red;}

上面一行代码就是为 a 标签鼠标滑过的状态设置字体颜色变红。

分组选择符：h1,span{color:red;}

它相当于下面两行代码：

h1{color:red;} span{color:red;}

See Also