25.尚硅谷_css2.1_文本其他属性.wmv原创

继续，那在讲完行高之后，其实我们要说一下什么与文本相关的一些属性。好，这个行高先留着。我就给大家也留着好跟文本相关的属性，好你们这个课件是不是打不开课件的话，你们要去下一个APP啊，你们可以用，之前有没有用过插慢的。那用插其也可以打开，只不过干嘛体验并不是那么好，对不对，你可以下载manage manager啊，这个manage manager是跟什么插的一样的，它也是一个什么做思维导图的一个工具，懂不懂把它下下来破解一下就可以了，好吧，OK。好，呃，网上有破解教程啊，如果在百度里面搜不到破解教程的，去什么谷歌里面是破解明白吗？这破解教程这个吗？应该一看就能懂啊好。呃，那我们讲完这个行包跟之后，我们来说一下文本的一些其他属性，那文本的相关属性的话，直接贴过来了，那这个并不太重要，带你们过过一遍就可以了。

好，文本相关的。有什么？还需要说吗？OK color是什么色？Color管的是你的元素的前景色还是背景色？前景色吧，是不是分清楚color是前景，背景是什么？Background光的吧，是不是background color管的是背景嘛，是不是？那说这个里面的话，其实也没什么说头的，这干嘛？这个color其实算什么文本身上的一个属性，懂不懂，那要说什么呢？啊，其实经常我们在实际开发当中的话，像这个这个CH给我们提供一个比较强大的功能啊，那这边是不是PI卡，有时候它会让你转成16进制，或者让你转成各种其他格式，怎么办呢？点住shift键，再去点这个PNK的时候，它会自己给你在这边去转格式，明白吗？可以转什么？这叫关键字的形式，然后按住shift面的键，鼠标左机去点它转成RDBA形式的转成什么印刷模式的，转成什么16进制的，都是可以转的，懂不懂，那这个时候对于这些进制的切换的话，你就没有那么去烦了，不需要你去干嘛，去网上搜了，直接来这边去看看一眼就可以了，懂吧，好，这是come给我们提供了一个比较什么比较方便的一个。

功能啊，那其他的说实话没没没有什么说的，这看了就是改变它的背景啊，前景色啊OK。就是它的字体颜色嘛，是不是OK，那T呃，还需要讲吗？这个就是干嘛。控制他的什么居中形式吧，是不是他可以也可以。Left还可以干嘛？Center，而且你得知道t alone是不是只对那点元素或者行列元素有效，如果你底下这个里面干嘛，比如说你div干嘛，你比如说用一个SPA，你来包了一下。你拿一个SPA来包了一下是不是好，这个时候有没有效，深圳是不是它也它也是有效的，一旦你这个SPA干嘛。比如说你让他浮动起来了，还受这个管吗？

他就管不了了，你看这个深得他还能还能管得了它吗？好，他只管内链元素跟行内元素，能明白吗？好，浮动元素有它自己的核摩子的特性啊，OK，这是什么text，好，这个是什么text in是去来干嘛的？首行缩进嘛，那这个text n的这个属性，比如说现在我让你首行输进两个，是不是就是32PX啊，来看是不是首行就会缩进两个字符啊，那一般我们用的最多是应该用二一整理，那这个时候干嘛也是首旁输进两个啊OK。整好，那text direction，用它来画下划线吧，好，然后呢，这个时候这个是用来干嘛的，字母与字母之间的间距吧，来看一下，这么你一看的话，是不是每个字母之间都会有间距的，你可以去调整这个间距，你也可以调整20天。是不是OK，再来看what space呢？单词跟单词之间嘛，怎么分单词啊？

一个空格算一个单词吧，好，那这边是吧，你如果没有空格的，它只算一个单词的，明白有像它没有空格只算一个单词吧，好OK，那white space呢，是来干嘛的，这个有讲过吗？之前。今天其实我们稍微提到了一下是不是好，这里面都是文本相关的属性，懂不懂帮他归归格类放到一块，那这个可以y space，其实本质上是用来干嘛的，来控制你这个元素到啊，控制你这个文本到底换行还是不换行，比如说我在这个D，我现这个D，我给他来个宽度。我给他宽度来个300PX，给他来个高度为100PX，里面我写大量的文字，好尚归国。邱海峰，是不是，嗯，白浩杰吧，白浩杰啊，不管了，贴了吧，走你了，CTRLC好这么多是不是默认几下它会换行吗？

呃，把这个边描一描。好，把这个边描一描，给的是不是太宽了，给个200好默认会不会换行，是默认都会换行的，能理解吗？那我们说，哎，我问你英语单词一样吗？如果你里面写的是英文一样吗？会不会换行？不会，为什么，因为在我们前端这一块，你一个英语单词，如果你没有空格，他会认为你自己这是一个单词，他会给你混好吗？一个单词会给你换好吗？不会，除非你干嘛来两个空格看会不会给你换，那这里面就有三个单词，你看是不是干嘛一个单词一个单词给你换，除非你干嘛如果都有空格啊，你这个空格给的比一般我们有这么长的单词嘛，不可能有这么长的单词，是不是可能你们知道，如果你们有空格，他是不会给你换行的，好来看一下这点，如果你们在这边多塞几个空格好看好。

那他是不是给你正常换行，而且它是一个单词，一个单词为单位的给你换懂不懂不是说这边有空隙，我就非得占的一个单词放不下，他就去什么，去另外一行能明白吗？好，那我们有一个属性叫space，叫no，什么意思不让你。换行，那中文一样默认你是不是干嘛没有这个属性，它会换行的，好不让你换行能理解吗？这就是y space的一个作用，懂不懂？那y space使用的最大的一个场景在哪呢？好，我们来写一下，比如说这个div来一个style标签，好找到这个div，好找到这个div之后干嘛？我们说最大的场景是叫。溢出显示省略号，这样的话，你是不是相当于没有y space啊，默认是不是会会换行的，而我想让你再一旁，而且我让你溢出显示省略号，不要看这个属性，好像就一就一条属性，很简单的样子，以后在项目当中我们用的时候，你一定要知道它是干嘛的好不好来比说了嘛，让他Y的space等于首先上来，等于呢外是不是首先让他不要换行，其次不要换行，然后呢，溢处你要给我。

O要给我隐藏掉是不是？隐藏掉之后是不是还得显示省略号，怎么办？还得来个数叫text。Overflow太overflow其实是什么？是我们CSS3里面一个属性，可是我在这边先给你们用一下，知不道好，它有个叫ES，叫默认出现。省略号就出来了，你明白吗？那有一个隐含条件，它的DISPLAY1定要为block好，这四条样式本质上来说应该是缺一不可的，好比如说你把它改成赖block，看行不行，有些情况下是可以的，好，这个情况下就可以了，是不是？呃，比如说你把它改成。

如果你把它的这个position盒子给他盒子模型改掉，改成那卡看行不行。好像也没太大问题吧，是不是好，可是这边建议每次写的时候在display最好应该是一个block，因为在有些浏览器底下，你如果display不为的话，这个出现手号是出不来的，能明白吗？好，那这是什么？一般写默认显示默认干嘛？显示水量号的话，一该有一般有几条样式啊，四条样式啊，可不可以理解啊，OK，好，我来看一下这个时候为什么把它改成英乱不。是不是也是出来了，呃，想想。哪个情况下改成改成依赖都出不来的。好，想想如果让这个元素浮动起来，Float left好看一下，如果什么float left之后来看一下。

还是可以的，是不是啊好，那这个样式我去看一下啊，那首先这个三角是必须要有的，那我的记忆里的话是这个display必须要为的啊，不为不有有时候会出问题的，至于什么时候会出问题，上午没，上午有没有遇到过？在做两列布局的时候吧，两列布局的时候，大家看我们在做两列布局的时候，商品列的时候吧，商品列的时候来看一下我在这边是不是让它默认显示16号了，好，如果这个display我把它改成。英兰洛卡看会不会出问题啊，是不是就没有了，是不是好这个情况之下是为什么改成英兰洛就没有了。因为你改成了inline block之后，大家看一下这个东西是不是在。

在哪边？你改成了英兰，看这个横木线线在哪。玻璃底下是不是有一个。是不是它变成了英英兰伯洛克了，变成英兰伯洛的时候，是不是这个一出是显示省略号就没了，如果你在这边把它改成。好，看他出不出来。这边是不是就出来了，好让我想想为什么啊，呃。刚刚这边改成赖之后发生了什么事情？赖，因为你上面这个是不是它有没有浮动啊，它是浮动的吧，其实你整个东西跑到这一块。嗯，为什么为什么跑到这块了。浮动浮动了，浮动完了之后，是不是文字应该环绕图片的。

是不是，而且你这边是不是依赖，是不是，我如果有时候依赖是会出问题啊，说明我没有记错，确实得有，确实得需要四条样式啊，大想这边为什么是没有出现。因为上面放不下的话，你这边溢出的时候应该照样干嘛。出。哦，不对，大家看你这个石头是不是这个宽度上面是不是靠内容撑下来的。你靠内容撑出来的话，还会溢出，还会溢出到这个DSDS就是外面去吗。你想想现在我们是不是你有一个盒子在这边，你里面文字溢出的时候是不是应该是省略号，现在你这个宽度都要靠你内容撑出来了，看还会溢出吗？不会溢出了吧，就说因为我们的display display为阴赖，不是不是宽度是靠文本撑开来的，那一旦靠文本撑开来之后，不管你里面的内容有多宽。

他干嘛？是不是始终可以给你什么？往外倾打。能不能理解啊，那这个时候你看这个盒子啊，这个盒子干嘛，是因为宽度上面会变得越来越大，能理解吗？那这个时候还会溢出吗。还会溢出吗？还会从这个盒子里面溢出吗？溢不出来你怎么给人家形成省略号。这个可不可以理解啊，OK，那看一下我们现在这个需求里面为它为什么可以啊。好看我们现在这个需求里面，是不是我把它的几十倍改成什么。改成依赖之后，我是不是把它的宽度给射死了？所以说才什么你看宽度射死之后，大家看我把它的宽度设死后，你看它出现什号码出现不了吧，就是说一般我们干嘛一般要写四条样四不是应该为什么为block，而且这个宽度是不是必必须要有啊，你没有这个宽度你干嘛，你还能你还能溢出吗。

Y多100PX吧，好，可不可以理解啊，所以说一般我们要去写的时候怎么办？最好干嘛？Display最好为block的，注意一下这个宽度能明白吗？好，那这是一组写显示省略号里面就吧一些东西，好那这是我们几个比较简单的文本相关的属性，可不可以理解啊，OK。