19.CSS文本样式【下】

第十五章 CSS文本样是【下】

一、文本总汇

二、文本样式 :CSS文本样式分为三种:文本装饰,英文大小写转换,文本阴影。

1、text-decoration

(1)none :让本身有划线的文本取消掉;

(2)underline :让文本的底部出现一条下划线;

(3)overline :让文本的顶部出现一条下划线;

(4)line-through :让文本的中部出现一条产出划线;

(5)bline :让文本出现闪烁,基本不支持了;

例、@charset="utf-8"

p{

font-size:50px;

text-decoration:underline;   //在字符下面有一个下划线。

text-decoration:overline;    //在字符上面有一个上划线。

text-decoration:line-through;   //加一条删除线;

}

2、text-transform :设置英文文本转化为大小写。

(1)none

(2)capitalize :将英文单词首字母大写。

(3)uppercase  ;将英文转化为大写字母。

(4)lowercase  :将英文转化为小写字母。

3、text-shadow :给文本添加阴影。其中四个值,第一个值:是水平偏移; 第二个值:垂直偏移;

第三个值:阴影模糊度(可选); 第四个值:阴影颜色(可选);

例、p{

text-shadow:Spx Spx 3px red;

}

三、文本控制

1、text-align     (1)到(4)是CSS1;(5)到(6)是CSS3,目前IE和Opera尚未支持;

(1)left    :靠左点对齐 (默认);

(2)right   :靠右对齐;

(3)center  :居中对齐;

(4)justify :内容两端对齐;

(5)start   :让文本处于开始的边界;

(6)end     :让文本处于结束的边界;

2、white-space

(1)normal   :默认值,空白符被压缩,文本自动换行;

(2)nowrap   :空白符被压缩,文本不换行;

(3)pre      :空白符被保留,遇到换行符则换行;  //换行符是‘回撤’

(4)pre-line :空白符被压缩,文本会在排满或遇到换行符换行;

(5)pre-wrap :空白符被保留,文本会在排满或遇到换行符换行;

3、letter-spacing

(1)normal :设置默认间距;

(2)长度值 :比如“数字”+“px”

4、word-spacing :设置英文之间的间距;

属性同上;

5、line-height  :设置段落行高;

(1)(2)同上;

(3)数值 :比如1,2,3;

(4)%    :比如 200%;

6、word-wrap  :让过长的英文单词断开;

(1)normal  :单词不断开;

(2)break-word :单词断开;

7、text-indent  :设置文本首行的缩进。

(1)normal  :设置默认间距;

(2)长度值  :比如“数字”+“px”

原文地址:https://www.cnblogs.com/keshuai752100461/p/8485158.html

时间: 2024-10-10 07:35:37

19.CSS文本样式【下】的相关文章

第 15 章 CSS 文本样式[下]

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

使用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

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选择器>

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开头,说明这些属性都是针对与字体,下面

CSS文本样式效果

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

CSS文本样式

CSS常用的文本样式有:字号,字体粗细,字体,字体风格,字体颜色,行间距,对齐方式,首行缩进等等. 字号:font-size: 常用的: 16px;(默认) 14px; 12px; 注:字号的取值尽量不要是奇数,取值越大字也就越大 字体粗细:font-weight: 常用的: normal(默认) bold(粗体) lighter(更细) 字体:font-famliy: 常用的: 宋体(默认) 微软雅黑 黑体 字体颜色:color: 常用的: #000(默认)黑色 #FFF白色 #F00红色 颜