CSS文本样式

CSS常用的文本样式有:字号,字体粗细,字体,字体风格,字体颜色,行间距,对齐方式,首行缩进等等。

字号:font-size:

常用的:

16px;(默认)

14px;

12px;

注:字号的取值尽量不要是奇数,取值越大字也就越大

字体粗细:font-weight:

常用的:

normal(默认)

bold(粗体)

lighter(更细)

字体:font-famliy:

常用的:

宋体(默认)

微软雅黑

黑体

字体颜色:color:

常用的:

#000(默认)黑色

#FFF白色

#F00红色

颜色的取值是#开头的十六进制

行间距:line-height:

常用的:

16px;(默认)

2em(1em等于当前一个字的字号)

对齐方式:text-align:

常用的:

left(左对齐)

right(右对齐)

center(居中对齐)

首行缩进:text-indent:

常用的:

2em(1em等于当前一个字的字号)

时间: 2024-12-21 15:50:41

CSS文本样式的相关文章

使用css文本样式的6种方法

很多web前端初学者 http://www.maiziedu.com/course/web/在学习css样式时,对文本内容的修饰需要用到css文本样式进行修饰.由于在层叠关系中,内容要高于背景.所以文本样式相对而言更加重要.有些人对文本和字体样式之间的不同不太了解,简单地讲,文本是内容,而字体则用于显示这个内容.本文将详细介绍文本相关样式. 首行缩进 定义 首行缩进是将段落的第一行缩进,这是常用的文本格式化效果.一般地,中文写作时开头空两格,类似于此. [注意]该属性可以为负值 text-ind

第 15 章 CSS 文本样式[上]

学习要点: 1.字体总汇 2.字体设置 3.Web 字体 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 文本样式,通过文本样式的设置,更改字体的大小.样式以及文本的方位. 一.字体总汇 本节课,我们重点了解一下 CSS 文本样式中字体的一些设置方法,样式表如下: 属性名 说明 CSS 版本 font-size 设置字体的大小 1 font-variant 设置英文字体是否转换为小型大写 1 font-style 设置字体是否倾斜 1 font-weight 设置字体是否加粗 1 fon

第 15 章 CSS 文本样式[下]

学习要点: 1.文本总汇 2.文本样式 3.文本控制 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 文本样式,通过文本样式的设置,更改字体的大小.样式以及文本的方位. 一.文本总汇 本节课,我们重点了解一下 CSS 文本样式中文本内容的一些设置方法,样式表如下: 属性名 说明 CSS 版本 text-decoration 装饰文本出现各种划线. 1 text-transform 将英文文本转换大小写. 1 text-shadow 给文本添加阴影 3 text-align 设置文本对齐方

19.CSS文本样式【下】

第十五章 CSS文本样是[下] 一.文本总汇 二.文本样式 :CSS文本样式分为三种:文本装饰,英文大小写转换,文本阴影. 1.text-decoration (1)none :让本身有划线的文本取消掉: (2)underline :让文本的底部出现一条下划线: (3)overline :让文本的顶部出现一条下划线: (4)line-through :让文本的中部出现一条产出划线: (5)bline :让文本出现闪烁,基本不支持了: 例.@charset="utf-8" p{ font

18.CSS文本样式【上】

第十五章  CSS文本样式 一.字体总汇 二.字体设置 1.font-size (1)xx-small   } (2)x-small    } (3)small      }    设置字体的大小,每个值从小到大的固定值 (4)mediue     } (5)large      } (6)x-large    } (7)xx-large   } 例.p{ font-size:50px; } (8)smaller    }   设置字体相对于父元素字体的大小 (9)larger     } 例.

css基础-css选择器和css文本样式相关

css基础-css选择器和css文本样式相关: 使用link链入外部样式,页面加载时会同时加载样式 @import url(“*.css”);使用导入式,页面加载完后,才会加载样式 链接伪类的顺序 :link-> :visited ->:hover-> :active 或者 : visited -> : link ->:hover-> :active 选择器的优先级: id选择器>class选择器>标签选择器 如果设置了同样的类样式,类样式与元素里类的顺序没

web前端入门到实战:css选择器和css文本样式相关

[文章来源微信公众号:每天学编程]---关注,后台领取编程资源 css基础-css选择器和css文本样式相关: 使用link链入外部样式,页面加载时会同时加载样式 @import url("*.css");使用导入式,页面加载完后,才会加载样式 链接伪类的顺序 :link-> :visited ->:hover-> :active 或者 : visited -> : link ->:hover-> :active 选择器的优先级: id选择器>

CSS文本样式效果

css,层叠样式表,现如今,我们可以利用css写出很多有趣好看的样式,来直接在网页中显示出来.为我们提供了很多便利之处. 这篇文章中,我总结了几个有趣的用css写出的文本样式. 1.文本阴影有趣的效果——文本的光晕. 2.雕刻的文本 3.三维凹槽边框的设置 4.三维凸槽边框的设置 5.三维凹边的设置 6.三维凸边的设置

5.css文本样式[上]

下面的用一个表格总结了文本样式中字体的一些设置方法: 属性名 说明 CSS 版本 font-size 设置字体的大小 1 font-variant 设置英文字体是否转换为小型大写 1 font-style 设置字体是否倾斜 1 font-weight 设置字体是否加粗 1 font-family 设置 font 字体 1 font 设置字体样式复合写法 1 ~ 2 @font-face 设置 Web 字体 3 表格里面的属性名都有一个特点,那就是都以font开头,说明这些属性都是针对与字体,下面