欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

HTML 部分标签解析

程序员文章站 2022-05-07 18:54:51
HTML5 span标签详解在行内定义一个区域,也就是一行内可以被划分成好几个区域,从而实现某种特定效果。本身没有任何属性。先要认清span的属性,因为span属于内联元素,而内联元素是忽略宽度和高度的,所以不可以直接定义宽度和高度,解决的办法就是利用css将span变为盒装元素即可。将内联元素定义为盒装元素的方法有两种:1.直接使用显示属性display将其定义为盒装元素;display:block;2.使用浮动属性float将其自动定义为盒装元素;3.利用绝对定位position:ab...
HTML5 span标签

在行内定义一个区域,也就是一行内可以被划分成好几个区域,从而实现某种特定效果。本身没有任何属性。

先要认清span的属性,因为span属于内联元素,而内联元素是忽略宽度和高度的,所以不可以直接定义宽度和高度,解决的办法就是利用css将span变为盒装元素即可。

将内联元素定义为盒装元素的方法有两种:
1.直接使用显示属性display将其定义为盒装元素;
display:block;
2.使用浮动属性float将其自动定义为盒装元素;
3.利用绝对定位position:absolute属性。

HTML5 有序、无序列表、自定义/缩进列表
  1. 有序列表
  1. 第一
  2. 第二
效果图如下: ![有序列表效果图](https://img-blog.csdnimg.cn/20200709201813926.png)

type属性可设置序号样式:
1 默认值。数字有序列表。(1、2、3、4)
a 按字母顺序排列的有序列表,小写。(a、b、c、d)
A 按字母顺序排列的有序列表,大写。(A、B、C、D)
i 罗马字母,小写。(i, ii, iii, iv)
I 罗马字母,大写。(I, II, III, IV)

  1. 无序列表
  • 第一
  • 第二
效果图如下: ![无序列表效果图](https://img-blog.csdnimg.cn/20200709201646418.png) type属性可以设置序号样式: disc 默认值。实心圆。 circle 空心圆。 square 实心方块。
  1. 自定义/缩进列表
DD
DT
DD
DT
![自定义/缩进列表效果图](https://img-blog.csdnimg.cn/20200710134952450.png)
HTML5 fieldset表单外框
你好 ![效果图](https://img-blog.csdnimg.cn/20200710135800985.png)

本文地址:https://blog.csdn.net/Liu_csdn_qp/article/details/107236474