HTML&CSS

<p> paragragh 段落

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

<span> 样式

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

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

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

<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> 表格标题

<table summary="表格简介文本">

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


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

<span id="setGreen">公开课</span>

#setGreen{

   color:green;

}

CSS id选择器

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

注意:

1、英文圆点开头

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

<span id="setGreen">公开课</span> 


.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;}