码迷,mamicode.com
首页 > 其他好文 > 详细

标签分类与元素转换

时间:2019-10-27 20:18:16      阅读:69      评论:0      收藏:0      [点我收藏+]

标签:下拉菜单   inline   over   有序列表   orm   文本   one   类型   超链接   

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:表示不占位隐藏

 

标签分类与元素转换

标签:下拉菜单   inline   over   有序列表   orm   文本   one   类型   超链接   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!