CSS（4）css样式中的text样式

介绍：本节介绍text样式和一起其他的样式，css的样式更新就完了，因为css单词较多，所以希望大家能够好好背单词，这样写的时候才不会一直去翻笔记这样效率就会大大增加。最后，希望大家能够学会css。

一. text样式总结

单词很多，希望大家都能好好背

text-align:center;	文本居中
text-align:right;	文本居右
text-align:left;	文本居左
text-align:justify	文本两端对齐
text-indent:2px;	缩进；首行缩进
text-indent:-2px	负缩进；首行悬挂
text-decoration:underline	下划线
text-decoration:line-throng	删除线
text-decoration:overline	上划线
text-decoration:none	无效果
text-transform:capitalize	单词首字母大写
text-transform:uppercase	字母全部大写
text-transform:lowercase	字母全部小写

二、其他样式

letter-spacing	字符之间的距离
world-spacing	单词之间的距离

三、文本溢出样式

这个看起来很简单的一个样式，但应用还是很广泛的，希望大家能多多理解这一部分

white-space:nowrap	空白部分不换行
overflow:scroll	出现滚轮条
overflow:hidden	溢出部分隐藏
overflow:visible	默认，消除效果
text-overflow:ellipsis	文本溢出部分显示省略标记

实例：

这里给大家写下代码，可能理解起来不清楚，有需要的也可以私信我。

<style>div{width:200px;white-space:nowrap;overflow:scroll;overflow:hidden;text-oveflow:ellipsis;
}
</style><div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam dolorem earum iure in quae mollitia minima rerum eligendi iste magni pariatur eum ipsam maiores reprehenderit excepturi nam optio nemo vitae.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores temporibus esse incidunt eligendi debitis soluta possimus et itaque iste minus repudiandae ut deleniti velit nulla suscipit quisquam nisi dignissimos cum.
</div>

运行截图；

CSS（4）css样式中的text样式相关推荐

使用css修改input框中checkbox的样式
概述在页面设计时,我们经常使用input复选框.由于界面设计的需要,我们需要修改复选框的样式,使得界面更美观或者适应新的需求.由于CheckBox伪类修改比较复杂,通常修改的方式有两种,一个是链入图 ...
CSS：给 input 中 type=text 设置CSS样式
input[type="text"], input[type="password"] { border: 1px solid #ccc; pad ...
bootstrap中斑马线表格样式中横线怎样去掉
今天在调bootstrap样式中的表格样式时发现怎样调整表格样式都不行,在js中jsp页面中都调节不动,其中最关键的是要调节bootstrap中的样式问题如图所示: 可以发现每个表格tr之间都有一条 ...
html自定义序号样式,word设置自定义样式
如何使用Word自定义样式生成目录步骤/方法 1 首先搞清楚论文格式要CSS布局HTML小编今天和大家分享,比如格式要CSS布局HTML小编今天和大家分享如下: 论文统一用微软Word软件排版,16 ...
css文本外观属性中设置字体,css 文本外观属性(text) 和字体样式属性(font)
css文本 text外观属性 color: 颜色值(red,blue)十六进制 ,rgb letter-spacing: 字间距 px,em word-spacing: 单词间距对中文无效 line ...
css样式中关于li的横向排列
在css样式中关于li的横向排列的方法大致有两种: 第一种 :直接在<li>里面设置样式 <ul style="list-style:none;"> < ...
html的css样式中表示后代选择器,css样式,后代选择器
css介绍 CSS(层叠样式表)定义如何显示HTML元素,给HTML设置样式,让它更加美观. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染). css语法(下图所示) 每个CS ...
CSS中颜色、样式规则（字体样式、列表样式、表格样式）
目录一.CSS中的颜色设置 1.颜色的表示方式 (1).颜色名 (2).rgb函数 (3).十六进制表示(HEX 值) 二.CSS样式规则 1.字体规则 (1) font-family属性:字体 ...
CSS样式中内联、嵌入、外部样式
内联样式内联样式是使用style属性添加到元素的样式. <p style="color:sienna;margin-left:20px">This is a para ...

CSS（4）css样式中的text样式

CSS（4）css样式中的text样式相关推荐

最新文章

热门文章