css中 box1 box2的这种声明是什么意思

html-css020

css中 box1 box2的这种声明是什么意思,第1张

1、第一种情况:

<div class="box"></div>

.box{color:red} 这种是定义div元素box的css样式。比如color:red定义box里面的文字是红色。

2、第二种情况:

<div class="box">

<div class="box1">红色文字</div>

<div class="box2">蓝色文字</div>

</div>

.box .box1{color:red} 定义元素box下的子元素box1的css样式。

.box .box2{color:blue} 定义元素box下的子元素box2的css样式。

强制换行

word-break: break-all 只对英文起作用,以字母作为换行依据。

word-wrap: break-word 只对英文起作用,以单词作为换行依据。

white-space: pre-wrap只对中文起作用,强制换行。