前端开发学习笔记(六)- Css 文字排版

一.文字排版--字体

我们可以使用CSS样式为网页中的文字设置字体,字号,颜色等样式属性。这里注意不要设置不常用的字体,因为如果用户本电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体.)现在一般网页喜欢设置“微软雅黑”.

body{font-family:"Microsoft Yahei";} 

body{font-family:"微软雅黑";}

P:第一种方法比第二种方法兼容性好一些。因为这种字体既美观又可以在客户端安全的显示出来。

body{font-size:12px;color:#666}

可以使用上面代码设置网页中文字的字号为12像素,并把字体颜色设置为#666(灰色);

p span{font-weight:bold;}

我们还可以使用CSS样式来改变文字的样式:粗体,斜体,下划线,删除线。上面代码可以实现设置文字以粗体样式显示出来。

p a{font-style :italic};

上面代码可以实现文字以斜体样式在浏览器中显示.

p a{text-decoration:underline;}

有些情况下想为文字设置下划线样式,这样可以在视觉上强调文字。上面代码实现了文字下划线样式

p a{text-decoration:line-through;}

删除线样式

二.段落排版

缩进:中文字体中的段前习惯两个文字的空白,这个特殊的样式可以用下面代码实现.

p{text-ident:2em};2em的意思就是文字的2倍大小

行间距(行高):line-height

p{line-height:1.5em};

中文字间:letter-spacing

h1{letter-spacing:50px;}这个样式使用在英文单词时,是设置字母与字母之间的间距

字母间距:word-spacing

h1{word-spacing:50px;}设置英文单词之间的间距

对齐:text-align 为块元素中的文本,图片设置样式

h1{text-align:center;}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 6,225评论 1 4
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 8,529评论 0 40
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,692评论 1 92
  • 第6章 开始学习CSS,为网页添加样式 1、认识CSS样式CSS全称为“层叠样式表 (Cascading Styl...
    夏沫xx阅读 4,675评论 1 11
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 5,927评论 0 6

友情链接更多精彩内容