总结

总结

<html>

html定义文档的开始和结束,在它们之间是头部与主体。

定义文档的头部

<body>

包含文档所有内容,主体部分

<title>

定义文档的标题

<h1> - <h6>

标签定义标题,<h1>定义最大的标签,<h6>定义最小的标签

<p>

段落

<a>

超链接

<b>

粗体文本效果

<u>

下划线

<i>

斜体

<em>

元素是可以嵌套的,嵌套层次越深,则其包含的内容被认定为越需要着重阅读

定义文档与外部资源的关系,<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>

表示一个多行纯文本编辑控件

&nbsp

空格

&lt;

小于符号,<

&gt;

大于符号,>

&copy;

©

*

通配符,代表所有的标签

<!-- -->

注释

margin

外边距

padding

内填充(内边距)

background-image

背景图

行高

content

内容

clearfix: after

伪类选择器

text-decoration:none;

文字装饰

color

字体颜色

font-size

字体大小

font-style:intalic;

字体样式

font-weight:bold;

字体粗细

width

height

position

属性用于指定一个元素在文档中的定位方式。toprightbottomleft 属性则决定了该元素的最终位置。

hr

水平线

f1

字体左边

fr

字体右边

outline

轮廓线

solid

实线

class

类名

链接

box

盒子

top

bottom

left

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%);

posted @ 2021-12-24 10:56  余小小  阅读(42)  评论(0)    收藏  举报