Rinpe

2016年5月31日

摘要：在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<block 阅读全文

posted @ 2016-05-31 20:37 Rinpe 阅读(227) 评论(0) 推荐(0) 编辑

段落排版--对齐(text-aliagn)

摘要：想为块状元素中的文本、图片设置居中样式吗？可以使用text-align样式代码，如下代码可实现文本居中显示。(那么什么是块状元素呢？后面会讲到呢~) 同样可以设置居左：还可以设置居右：阅读全文

posted @ 2016-05-31 00:02 Rinpe 阅读(408) 评论(0) 推荐(0) 编辑

2016年5月30日

段落排版--中文字间距、字母间距(letter-spacing, word-spacing)

摘要：中文字间隔、字母间隔设置：如果想在网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing 来实现，如下面代码：注意：这个样式使用在英文单词时，是设置字母与字母之间的间距。单词间距设置：如果我想设置英文单词之间的间距呢？可以使用 word-spacing 来实现。如下代码：阅读全文

posted @ 2016-05-30 23:52 Rinpe 阅读(2722) 评论(0) 推荐(0) 编辑

段落排版--行间距, 行高（line-height）

摘要：行间距菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。阅读全文

posted @ 2016-05-30 23:42 Rinpe 阅读(223) 评论(0) 推荐(0) 编辑

段落排版--缩进(text-indent)

摘要：中文文字中的段前习惯空两个文字的空白，这个特殊的样式可以用下面代码来实现：注意：2em的意思就是文字的2倍大小。示例: 效果: 阅读全文

posted @ 2016-05-30 23:35 Rinpe 阅读(510) 评论(0) 推荐(0) 编辑

文字排版--删除线(text-decoration:line-through)

摘要：如果想在网页上设置删除线怎么办，这个样式在电商网站上常会见到：上图中的原价上的删除线使用下面代码就可以实现：阅读全文

posted @ 2016-05-30 23:27 Rinpe 阅读(1755) 评论(0) 推荐(0) 编辑

文字排版--下划线(text-decoration:underline)

摘要：效果: 三年级时我还是一个胆小如鼠的小女孩。阅读全文