2.2、css文本设置

常用的应用文本的css样式：

color 设置文字的颜色，如： color:red;
font-size 设置文字的大小，如：font-size:12px;
font-family 设置文字的字体，如：font-family:‘微软雅黑‘;
font-style 设置字体是否倾斜，如：font-style:‘normal‘; 设置不倾斜，font-style:‘italic‘;设置文字倾斜
font-weight 设置文字是否加粗，如：font-weight:bold; 设置加粗 font-weight:normal 设置不加粗
font 同时设置文字的几个属性，写的顺序有兼容问题，建议按照如下顺序写： font：是否加粗字号/行高字体；如： font:normal 12px/36px ‘微软雅黑‘;
line-height 设置文字的行高，如：line-height:24px;
text-decoration 设置文字的下划线，如：text-decoration:none; 将文字下划线去掉
text-indent 设置文字首行缩进，如：text-indent:24px; 设置文字首行缩进24px
text-align 设置文字水平对齐方式，如text-align:center 设置文字水平居中

原文地址：https://www.cnblogs.com/LiuYanYGZ/p/12254549.html

时间： 2024-11-09 09:24:56

2.2、css文本设置的相关文章

CSS-基本语法/引用/文本设置/选择器/

CSS-基本语法/引用/文本设置 css基本语法及页面引用 css基本语法 css的定义方法是: 选择器 { 属性:值; 属性:值; 属性:值;} 选择器是将样式和页面元素关联起来的名称,属性是希望设置的样式属性每个属性有一个或多个值.代码示例: div{ width:100px; height:100px; color:red } css页面引入方法: 1.外联式:通过link标签,链接到外部样式表到页面中. <link rel="stylesheet" type="

CSS文本简单设置

文本的设置直接影响到用户对界面的感受,好的文本设置能够让用户对界面有一种赏心悦目的感受,在这地方我们来简单的说说说对文本设置的时候,有哪些格式. 文本设置的时候我们应该注意什么: 平时我们文本设置的时候,主要是注重对文本的颜色设置,文本的对齐方式.文本的修饰,文本的转换和文本的缩进.以及关于文本设置的时候文字或者是行和字符之间的距离的一些设置.那么我们如今就来一一的看一下这些设置. 在说这些设置之前我们有必要了解CSS中的文本属性,由于全部的设置都是对文本的属性进行的设置,那么CSS中的文本属性

css如何设置文本在li元素中垂直居中显示

css如何设置文本在li元素中垂直居中显示:本章节介绍一下如何利用css将文本设置为在li元素中垂直居中效果.实现此效果非常的简单,只要利用line-height属性即可.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/&qu

CSS如何设置选中文本的颜色

CSS如何设置选中文本的颜色:在默认状态选中的文本颜色和背景颜色并不美观,如果能够给句网站整体的配色来设置被选中文本和背景颜色那么将会极大的提高美观度,下面就通过代码实例介绍一下如何实现此效果.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwh

伪元素练习（ css动态设置文本内容）

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

css文本格式详解

一.css文本主体内容: 二.css文本详解: 1.文本缩进语法: text-indent:<length>|<percentage> 默认值为0. 属性值详解: <length>:用长度值指定文本的缩进.可以为负值. <percentage>:用百分比指定文本的缩进.可以为负值. <inherit>:继承父级text-indent属性值. 用法: 检索或设置对象中的文本的缩进. 内联对象要使用该属性必须先使该对象表现为块级或内联块级.

HTML+CSS样式设置——CSS一学就会

HTML+CSS样式设置 CSS:(Cascading Style Sheets)层叠样式设置表. 网页的展示效果跟其排版有很大的关系.排版则主要依靠CSS来设置.调节. 下面说CSS与HTML的联合使用的过程: (1)新建CSS文件(一般放在与HTML文件同一路径下的css文件夹中) (2)在HTML的<head>标签中,用<link />对CSS进行引用 <link rel="stylesheet" type="text/css"

CSS 文本属性与值

HTML编辑文本,通过CSS的设置属性赋予HTML网页活力,改变文字类型.背景以及插入图片.视频.音频等,使网页更具生动. CSS中的文本属性 font-weight: bold; //改变字体粗细 normal //正常字体.标准字体 font-style:oblique; //字体风格(oblique倾斜) text-decoration:underline; //文字修饰(underline 下划线) overline; (上划线) line-throug; (删除线) none; (取消

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

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