导图社区 字体、文本样式
这是一篇关于字体、文本样式的思维导图,通过思维导图的形式,系统地展示了字体和文本样式的多个方面和属性。包含文本颜色、字母间隔、单词间距、修饰线、缩进、行高、水平排列、垂直排列等。
这是一篇关于原型对象(prototype)的思维导图,主要内容包括:原型链,原型继承,简介,属性,访问,作用,内存结构。原型对象是一个特殊的对象,它用于在创建新对象时提供属性和方法的共享。在基于原型的编程语言中,新创建的对象会继承一个原型对象的属性和方法,从而实现代码的复用和对象的继承。
这是一篇关于单例模式(Singleton)的思维导图,主要内容包括:其他实现方式,实现步骤(3步),实现方式。通过思维导图的形式,系统地展示了单例模式在Java中的不同实现方式、特点、使用场景以及与其他概念的关联,为理解和应用单例模式提供了全面的指导。
这是一篇关于列表样式的思维导图,通过思维导图的方式,系统地展示了HTML列表元素可以应用的多种样式选项,包括列表类型、样式图片、样式位置等,以及如何通过CSS的list-style相关属性来控制这些样式。
社区模板帮助中心,点此进入>>
互联网9大思维
组织架构-单商户商城webAPP 思维导图。
域控上线
python思维导图
css
CSS
计算机操作系统思维导图
计算机组成原理
IMX6UL(A7)
考试学情分析系统
字体、文本样式
字体
大小
font-size
值
px(0 ~ 最大值)
默认字体大小
最小字体大小
游览器设置
语族
font-family
"字体","备用字体1",...
serif 衬线字体
sans-serif 非衬线字体
样式
font-style
normal 标准的(默认值)
italic 斜体的
oblique 倾斜的
若没有斜体版,会强制斜体
粗细
font-weight
lighter 重量轻的
bold 粗体的
bolder 更粗显的
数字
100~300
400~500
600~
来源于当前系统
系统
复合属性
font: bold italic 100px "华文彩云","微软雅黑",...
文本
文本颜色
color
字母间隔
letter-spacing
-n ~ +n px
单词间距
word-spacing
修饰线
修饰线位置
text-decoration-line
_______________ overline
上方线
underline
下方线
line-through
划线
none 无(默认值)
修饰线样式
text-decoration-style
solid(默认值)
实线
dotted
斑点的
wavy
波浪形的
double
双的
dashed
虚线
修饰线颜色
text-decoration-color
text-decoration
·line ·style ·color
缩进
text-indent
px
em
行高
line-height
normal(默认值)
由游览器自动调整,一般比 font-size 大
0px ~ +px
不推荐。字体变化要挨个改
px = n * 字体大小
推荐
百分比%
px = n% * 字体大小
影响所在内容区大小
hight = line-hight * 行数
水平排列
text-align
left
默认值
center
right
垂直排列
vertical-align
baseline(默认值)
父子 x基线对齐
top
父子 行高顶部对齐
middle
父子 x高度一半 与 行高中部对齐
bottom
父子 行高底部对齐
注意
要求元素在父元素之中
父子关系中,大的不动
阴影
text-shadow
none(默认值)
0px 0px
左右 上下 模糊扩散 \ 颜色
空白间隔 处理方式
white-space
pre
按原文显示。即使超出父容器
pre-wrap
按原文显示。但不超出父容器
pre-line
按原文显示。去除空格
nowrap
保持一行
溢出方式
text-overflow
clip
裁剪
ellipsis
省略号
生效要求
文本不换行
white-space : nowrap
设置overflow : 不要visible