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