摘要: 行内元素的垂直布局跟font-size、line-height及vertical-align有很大关系,理解它们之间的关系才能更好理解行内元素的垂直布局。 内容区(font-size) 对于匿名文本或非替换元素,font-size的值表示内容区的高度; font-size: 14px; 行内框(li 阅读全文
posted @ 2020-06-15 20:36 绝弹笔记 阅读(798) 评论(0) 推荐(0) 编辑
摘要: 在正常流中,文本都是从左往右、自上而下排列显示,如果想要改变排列方向的话,可以通过CSS属性来改变。 text-align属性 文本排列(text-align)可改变文本在水平上的方向,但不改变内部的排列方向; // 可选值: left(靠左、默认),center(居中),right(靠右) .tx 阅读全文
posted @ 2020-06-15 20:35 绝弹笔记 阅读(1248) 评论(0) 推荐(0) 编辑
摘要: font系列属性针对字体样式,那text系列属性则针对文本样式。 text-align属性 文本排列,决定文本在水平方向上的排列方向; // 靠左排列 text-align: left; // 居中排列 text-align: center; // 靠右排列 text-align: right; t 阅读全文
posted @ 2020-06-15 20:33 绝弹笔记 阅读(135) 评论(0) 推荐(0) 编辑
摘要: letter-spacing属性 字母间距,表示字母与字母之间的间距,接受一切合法的长度单位; letter-spacing: 5px; word-spacing属性 单词间距,表示带空白符的字或单词之间的间距,接受一切合法的长度单位; word-spacing: 5px; word-wrap属性 阅读全文
posted @ 2020-06-15 20:31 绝弹笔记 阅读(417) 评论(0) 推荐(0) 编辑
摘要: 1. 字体系列 [通用字体系列] 1. serif字体:带衬线字体,如Georiga、Times等 2. sans-serif字体:不带衬线字体,包括Arial、Geneva等 3. Monospace字体:等宽字体,包括Courier等 4. Cursive字体:手写字体,包括Author等 5. 阅读全文
posted @ 2020-06-15 20:29 绝弹笔记 阅读(375) 评论(0) 推荐(0) 编辑
摘要: 网页诞生初期,没有描述样式的语言,创建了很多用于描述样式的标签。但这些标签破坏了html作为一门结构语言的表现。 于是,W3C在1995年开始起草CSS,提出将结构和样式分离的解决方案。 元素 元素是文档结构的基础,在CSS中,每个元素都会生成一个框(或者说盒) 表现形式 替换元素:替换元素的内容并 阅读全文
posted @ 2020-06-15 20:27 绝弹笔记 阅读(277) 评论(0) 推荐(0) 编辑