首页 > 代码库 > CSS格式化排版
CSS格式化排版
本文根据在慕课网的学习笔记整理。
文字排版--字体
body{font-family:"Microsoft Yahei";}body{font-family:"微软雅黑";}//兼容性更好
文字排版--字号、颜色
body{font-size:12px;color:#666}
文字排版--粗体
p span{font-weight:bold;}
文字排版--斜体
p a{font-style:italic;}<p>三年级时,我还是一个<a>胆小如鼠</a>的小女孩。</p>
文字排版--下划线
p a{text-decoration:underline;}<p>三年级时,我还是一个<a>胆小如鼠</a>的小女孩。</p>
文字排版--删除线
.oldPrice{text-decoration:line-through;}
段落排版--缩进
p{text-indent:2em;}//注意:2em的意思就是文字的2倍大小。<p>1922年的春天,一个想要成名名叫尼克卡拉威(托比?马奎尔Tobey Maguire 饰)的作家,离开了美国中西部,来到了纽约。那是一个道德感渐失,爵士乐流行,走私为王,股票飞涨的时代。为了追寻他的美国梦,他搬入纽约附近一海湾居住。</p>
段落排版--行间距(行高)
p{line-height:1.5em;}//间距为 0.5em<p>菲茨杰拉德,二十世纪美国文学巨擘之一,兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌,其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>
段落排版--字间距、字母间距
h1{ letter-spacing:50px;//文字间隔或者字母间隔}<h1>了不起的盖茨比</h1>h2{ word-spacing:50px;//英文单词之间的间距}<h2>welcome to imooc!</h2>
段落排版--对齐
为块状元素中的文本、图片设置居左、居中、居右样式。
h1{ text-align:center;}<h1>了不起的盖茨比</h1>
CSS格式化排版
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。