标签分类与元素转换

css
常见的css样式:
列表:
无序列表:
list-style-type 设置无序列表前面的列表符号
disc 表示实心圆
square表示实心方块
circle表示空心圆
none 表示去掉列表符号
list-style-position 设置列表前面的项目符号是否包含在整个标签宽度范围之内
默认 outside 不在宽度范围内
inside 表示包含在列表宽度范围内
list-style-image 表示以图片作为列表的项目符号

list-style:none; 表示去掉列表前面的项目符号

有序列表:
list-style-type:

标签的分类:
p 段落标签
h1 -- h6 标题标签
span 应用于段落内部分文字修改的标签
br 换行
hr 水平线
b 加粗
i 倾斜
a 超链接
sup 上标
sub 下标
img 图片
input 输入框
button 按钮
ol 有序列表
li 列表项
ul 无序列表
dl 定义列表
dt 定义的名词项
dd 定义的解释项
table 表格
tr 行
td 列 单元格
th 表头的单元格
thead 表头
tbody 表格主体
caption 表格标题
form 表单
select 下拉菜单
option 下拉列表项
textarea 文本域
div 普通盒子

大的范围分为两种:
单标记
双标记

标签的分类:
块级标签: 该标签会单独占据一行,可以手动设置宽和高
h1 --- h6 p br hr ol li ul dl dt dd table tr thead tbody caption
form div

行内标签: 该标签不会单独占据一行,无法手动设置宽和高,宽高是由里面的内容自动撑开
span b i a sub sup option

行内块级标签:该标签不会单独占据一行,但可以手动设置宽和高
img input button td th select textarea

标签之间的嵌套规则:
块级标签内部可以嵌套任意类型的标签
行内标签内部不允许嵌套块级标签
ul 或 ol 标签中 只允许li标签出现 li标签中可以嵌套任意标签

标签之间的转换:
display 表示元素之间的转换
block 表示其他元素转换成块级元素
inline 表示其他元素转换成行内元素
inline-block 表示其他元素转换成行内块级元素
none 表示将该元素隐藏

overflow: hidden; 表示设置溢出部分隐藏
visibility: hidden; 表示元素隐藏

visibility: hidden; 与display:none; 区别
同样都是对元素进行隐藏
visibility:表示占位隐藏
display:表示不占位隐藏

原文地址:https://www.cnblogs.com/kyhboke/p/11748627.html

时间: 2024-10-13 20:04:50

标签分类与元素转换的相关文章

从a标签为什么不能包含div标签-了解HTML5元素分类与内容模型

我们知道按新的 HTML 规范,已经不按 inline 和 block 来区分元素类型了.所以我们在a标签里面使用div标签时候会发现a标签并不能通过改变css盒子模型的方式将div元素包含. 元素分类 HTML5中,元素主要分为7类: Metadata Flow Sectioning Heading Phrasing Embedded Interactive 这些分类集合互相之间也存在一定的交集(一个元素可以同时属于多个分类),其交集关系呈现为: 需要注意的是,HTML5中的这种元素分类与in

css基础(css书写 背景设置 标签分类 css特性)

css书写位置 行内式写法 <p style="color:red;" font-size:12px;></p> 外联式写法 <link rel="stylesheet " href="地址" type="text/css"/> 嵌入式写法 <style type="css/stylesheet"> p{ font-size:20px; color:red;

HTML 5的革新之一:语义化标签一节元素标签。

摘至于:<HTML 5的革新——语义化标签(一)> 在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义.(即使我们用css样式的id和class形容这块内容的意义).这些标签只是我们提供给浏览器的指令,只是定义一个网页的某些部分.但现在,那些之前没“意义”的标签因为因为html5的出现消失了,这就是我们平时说的“语义”. 看下图没有用div标签来布局 html5的布局 嗯,如上图那个页面结构没有一个div,都是采用html5语义标签(用哪些标签,关键取决于你的设计

display属性(元素转换)

display属性是我们在前端开发中常常使用的一个属性,其中,最常见的有: none inline block inline-block 了解display属性必须知道几个重要的基本知识:块级元素和行内元素.(注:实际上还有空元素,如<br>用于换行, <hr>为一条水平线) 块级元素特点: 总是以一个块的形式表现出来,占领一整行.若干同级块元素会从上之下依次排列(使用float属性除外). 可以设置高度.宽度.各个方向外边距(margin)以及各个方向的内边距(padding).

htm基础知识,css的链入以及标签分类。

<!DocTYPE>  DOC--Document 文档  TYPE  类型  文档类型 告诉浏览器这是什么文件 单标签: meta  设置   charset  设置编码 双标签: 开始标签--结束标签 html 根元素   祖先元素 title  设置标题 body  身体 head  头部元素 css样式引入方式: 1.行内样式  直接属性style引出 属性写道引号里面 2.内部样式  写在head里面 title下 style标签里面 3.外部样式  写在css包下的css下的css

[email&#160;protected]常用标签分类,标签嵌套规则

一.html标签又叫做html元素,它分为块级元素和内联元素(也可以叫做行内元素),都是html规范中的概念.1.块级元素块级元素是指本身属性为display:block;的元素.因为它自身的特点,我们通常使用块级元素来进行大布局(大结构)的搭建. 块级元素的特点:独占一行,从上到下排布可设宽度.高度,margin,padding在不设置宽度,宽度是它父级元素,高度是它本身内容撑开的高度内部可容文本,纳块级元素,以及内联元素 常用的块级元素div常用块级容器,也是css layout的主要标签h

如何用softmax和sigmoid来做多类分类和多标签分类

首先,说下多类分类和多标签分类的区别 多标签分类: 一个样本可以属于多个类别(或标签),不同类之间是有关联的,比如一个文本被被划分成“人物”和“体育人物”两个标签.很显然这两个标签不是互斥的,而是有关联的多类分类:  一个样本属于且只属于多个分类中的一个,一个样本只能属于一个类,不同类之间是互斥的,比如一个文本只能被划分成“人物”,或者被划分成“文化”,而不能同时被划分 成“人物”和“文化”,“文化”和“人物”这两个分类就是互斥的 那么,如何用softmax和sigmoid来做多类分类和多标签分

6 HTML标签分类

标签分类 块状标签 <div> <p> <h1>~<h6> <ol> <ul> <table><form> <li> 行内标签 <a> <span> <br> <i> <em> <strong> <label> 行内块状标签 <img> <input> 块状标签特点:display:block

web第七天,标签分类

一,标签分类 1,按类型分 1,block(块): div,ul,ol,li,dl,dd,dt,p,h1......h6, 特点 : ①,块是上下排列的,块是独占一行的 ②,块支持所有CSS样式 ③,当块不写宽度的时候,默认的宽是父容器的宽 ④,块永远是一个矩形区域 2,inline(内联) : span,img,a,strong,em 特点 : ①,内联是左右排列的,内联必须在一起 ②,内联有些样式是不支持的,width,height,padding-top,margin-top ③,内联元素