csstext，css文件中如何设置text样式
大家好，csstext相信很多的网友都不是很明白，包括css文件中如何设置text样式也是一样，不过没有关系，接下来就来为大家分享关于csstext和css文件中如何设置text样式的一些知识点，大家可以关注收藏，免得下次来找不到哦，下面我们开始吧！
css文件中如何设置text样式
设置css文件中text样式
首先打开操作软件这里用DW编辑工具：取一个css名字为text；
<!DOCTYPEhtml>
<html>
<head>
<metacharset="gb2312"/>
<title>效果区</title>
</head>
<body>
<style>
.text{width:200px;height:200px;background:#09C;color:#FFF;font-size:18px;font-weight:bold;text-indent:2em;text-align:left;}
</style>
<divclass="text">
文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域
</div>
</body>
</html>
实现效果图如下：
详解：设置一个css样式取名：text，定义一个宽度与高度分别为200px。
其次设置一个背景颜色background:#09C;
字体颜色为白色 color:#FFF;
字体的大小为18xp：font-size:18px;
设置字体为粗体：font-weight:bold;
字体靠左对齐：text-align:left;
字体首行缩进2个文字(2em)：text-indent:2em;
如何对文本进行css样式设置
color属性：设置文本文字颜色。用法如下：
color：颜色值;
color属性可以设置的合法颜色值包括：16进制颜色值（例：#ffffff），rgb颜色值【例：rgb(0,0,0)】，rgba颜色值【例：rgb(0,0,0,0.5)，0.5表示透明度】，hsl颜色值【例：hsl(120,65%,75%)】，hsla颜色值【hsl(120,65%,75%,0.3)，0.3表示透明度】。
2、css文本文字行高（行间距）的属性
line-height属性：设置行间的距离（行高）。用法如下：
line-height：值;
具体cssline-height属性是如何设置文本文字的行间距，大家可以参考之前的文章【css如何设置行间距？css文本文字的行间距设置】，希望对大家有所帮助。
3、css设置文本文字的水平对齐方式的属性
text-align属性：设置元素中的文本文字的水平对齐方式。用法如下：
text-align:left||right||center||justify;
left：设置文本文字左对齐。默认值：由浏览器决定。
right：设置文本文字右对齐。
center：设置文本文字居中对齐。
justify：实现两端对齐文本效果。
4、css文本缩进属性
text-indent属性：设置文本缩进。
具体csstext-indent属性是怎样设置文本缩进的，大家可以参考【css如何实现首行缩进效果？text-indent属性实现首行缩进】。
5、设置文本文字装饰效果
text-decoration属性：定义添加到文本的修饰。
说明：
这个属性允许对文本设置某种效果，如加下划线。如果后代元素没有自己的装饰，祖先元素上设置的装饰会“延伸”到后代元素中。
用法：
text-indent：none||[underline(下划线)||overline(上划线)||line-through(中划线)]||blink;
none：默认值，定义标准的文本。
underline：定义文本下的一条线。
overline：定义文本上的一条线。
line-through：定义穿过文本下的一条线。
blink：定义闪烁的文本。
6、文本字符的大小写转换属性
text-transform属性：控制文本字符的大小写。
用法：
text-transform:uppercase(全大写)||lowercase(全小写)||capitalize(首字母大写)||none;
7、文本文字间距的属性
word-spacing属性：设置文字或单词之间的间距，单词之间的间距=word-spacing+空格大小。
letter-spacing属性：设置字母间的间隔。
8、文本文字阴影的属性
text-shadow属性：向文本文字设置阴影
css中text-decoration是什么意思
假如 none值在属性声明的最后，所有的先前的其他取值都会被清除。例如，声明 text-decoration: underline overline blink none等于声明 text-decoration: none。
假如对象没有文本(如 img元素)或者是空元素(如：<EM></EM>)，此属性不会发生作用。
假如你设置 body对象的此属性值为 none， a对象将依然保持其原有的下划线样式。除非你针对 a对象声明此属性值。
style对象的cssText方法有哪些使用方法
只是一个css标准的问题现在来说，标准一点写法是style type=;text/css;/style;这是XML的标准格式在以前HTML中使用的是style language=;text/css;;，现在使用已经不多．不过，现在大部分浏览器都能够自己区分在＜style;中的type类型，所以，你写＜style;/style;也不会出现问题但是，强烈建议使用第一种书写方法，这是目前最流行的也是最标准的，为别人阅读你的代码提供准确的信
好了，关于csstext和css文件中如何设置text样式的问题到这里结束啦，希望可以解决您的问题哈！