总结
总结
<html>
html定义文档的开始和结束,在它们之间是头部与主体。
<head>
定义文档的头部
<body>
包含文档所有内容,主体部分
<title>
定义文档的标题
<h1> - <h6>
标签定义标题,<h1>定义最大的标签,<h6>定义最小的标签
<p>
段落
<a>
超链接
<b>
粗体文本效果
<u>
下划线
<i>
斜体
<em>
元素是可以嵌套的,嵌套层次越深,则其包含的内容被认定为越需要着重阅读
<link>
定义文档与外部资源的关系,<link>标签最常见的用途是链接样式表。
<div>
容器
<span>
用来组合文档中的行内元素
<button>
定义一个按钮
<select>
表示一个控件,提供一个选项菜单
<option>
用来定义<select>,<optgroup>或<datalist>元素中包含的项<option>可以弹出窗口和html文档中的其他项目列表中表示菜单项
<table>
表示表格数据 — 即通过二维数据表表示的信息
<tbody>
HTML Table Body元素()封装了一组表行(元素),表示它们包含表的主体(
)<tr>
定义表格中的行
<th>
定义表格内的表头单元格
<br>
插入一个换行,该元素可以指定id,class,style等通用属性。
<em>
强调
<label>
表示用户界面中某个元素的说明
<strong>
定义粗体文本
<small>
定义小号字体文本
<img>
定义一副图像
<style>
HTML的<style>元素包含文档的样式信息或者文档的部分内容。默认情况下,该标签的样式信息通常是CSS的格式。
<style>
标签用于为 HTML 文档定义样式信息。
<ul>
定义无序列表
<li>
定义列表项目
<dl>
列表
<dt>
该元素仅能作为<dl>的子元素出现。通常在该元素后面会跟着 <dd> 元素
<dd>
这个元素只能作为描述列表元素的子元素出现,并且必须跟着一个 <dt> 元素
<input>
输入框
<textarea>
表示一个多行纯文本编辑控件
 
空格
<
小于符号,<
>
大于符号,>
©
©
*
通配符,代表所有的标签
<!-- -->
注释
margin
外边距
padding
内填充(内边距)
background-image
背景图
link-height
行高
content
内容
clearfix: after
伪类选择器
text-decoration:none;
文字装饰
color
字体颜色
font-size
字体大小
font-style:intalic;
字体样式
font-weight:bold;
字体粗细
width
宽
height
高
position
属性用于指定一个元素在文档中的定位方式。top,right,bottom 和 left 属性则决定了该元素的最终位置。
hr
水平线
f1
字体左边
fr
字体右边
outline
轮廓线
solid
实线
class
类名
link
链接
box
盒子
top
上
bottom
下
left
左
right
右
border-top
上边框
border-bottom
下边框
border-left
左边框
border-right
右边框
border
边框
border-radius
外边框圆角
float:left;
左浮动
float:right;
右浮动
clearfix
清除浮动
text-align: center;
水平居中
position:absolute;
绝对定位,必须在其父盒子身上加上相对定位,配合使用
position:relative;
相对定位
position:fixed;
固定定位,参照浏览器的位置
display:inline-block;
行内块
display: block;
块级元素
text-align:left;
左对齐
list-style:none;
可以去除li标签前面的圆点
overflow: hidden;
溢出,隐藏
border-radius
设置元素的外边框圆角
cursor:pointer;
小手
居中
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

浙公网安备 33010602011771号