当前位置:首页 » CSS » CSS教程笔记(2):设置字体与文本样式 » 正文


CSS教程笔记(2):设置字体与文本样式

发布日期:2014-07-02 00:00   来源:谭海波   本文永久链接
摘要:大家好,欢迎大家来到谭海波博客跟我一起学习CSS知识,昨天我给大家分享了CSS的基础,例如介绍了CSS的缘由,如何声明或使用CSS样式等等,今天我继续跟大家分享关于CSS的内容,使用CSS设置字体和文本样式。 先了解下几个设置字体样式的代码吧:font-famil……

大家好,欢迎大家来到谭海波博客跟我一起学习CSS知识,昨天我给大家分享了CSS的基础,例如介绍了CSS的缘由,如何声明或使用CSS样式等等,今天我继续跟大家分享关于CSS的内容,使用CSS设置字体和文本样式。

先了解下几个设置字体样式的代码吧:font-family是设置字体的,属性值就是字体的名称;font-size是设置字体大小的,属性值就是字体尺寸的单位,一般以像素(px)为单位;color是设置字体颜色的,属性值就是不同的颜色(可以以16进制心事表现,也可以以颜色名称表现,当然也可以使用RGB样式表现);font-weight是设置字体粗体的,属性值为bold的时候就是粗体的字体了;font-sytle是设置字体样式的,一般属性值为italic的时候,字体就是斜体了。

现在就单独说一下字体的下划线问题,下划线一般分为上划线、删除线和下划线三种。我们可以使用text-decoration来显示这些,不同的值代表不同的类型,例如underline就是下划线,overline就是上划线,line-through就是删除线了。

文本对齐方式也是一个比较重要的内容,我们用text-align来显示文本的对其方式,一般有四种对其方式,左对齐,居中对齐,右对齐和两端对齐。例如text-align:left;text-align:left;text-align:left;text-align:left;

设置字间距的方法是使用letter-spacing,属性值就是要保持距离的大小;设置段落的行间距的方法是使用line-height,属性值就是要保持行间距的大小。例如:line-height:30px;再说一个比较实用的技巧吧,控制段落缩进的方法,一般我们缩进2两个中文字符,所以就可以使用text-indent:2em;

昨天我讲了这个CSS的选择器其中有一个是标签选择器,那么标题(h1~h6)也是HTML标签的一种,所以我们可以对这些标题进行CSS样式的声明。

下面,我给大家分享一个比较系统的,关于文本域段落样式的声明与使用案例。

好了,今天就分享到 这里了,下次我将给大家分享使用CSS设置图片样式,敬请期待!



关注谭海波博客官方微信公众平台
文章分类CSS
本文暂无标签,您可以去全部文章的栏目页面看看可能感兴趣的文章。现在去看看
本文永久链接:http://tanhaibo.net/2014/07/css-font.html
转载提示:除非注明,谭海波博客的文章均为原创,转载请以链接形式注明作者和出处。谢谢合作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注