如何利用CSS的循环语句打印直角三角形

目录

循环语句分类

for

while

do...while

循环语句的区别

循环语句的跳转控制语句

流程图

案例相关代码

案例效果图

循环语句分类

for

格式：

执行流程：
1，执行初始化语句。
2，执行条件判断语句，看其结果是true还是false。如果是false，循环结束，如果是true，继续执行。
3，执行循环体语句。
4，执行条件控制语句。
5，回到第2步继续。

while

格式：

执行流程：

1，执行初始化语句。
2，执行条件判断语句，看其结果是true还是false
如果是false，循环结束
如果是true，继续执行
3，执行循环体语句。
4，执行条件控制语句。
5，回到2继续。

do...while

格式：

执行流程：

1，执行初始化语句。
2，执行循环体语句。
3，执行条件控制语句。
4，执行条件判断语句，看其结果是true还是false
     如果是false，循环结束。
     如果是true，继续执行。
5，回到2继续。

循环语句的区别

do……while语句与while语句大致上相同，独一的不同之处是do……while语句会先执行语句，然后对条件停止判别。一般情况下：明确循环次数，推荐使用for循环；不明确循环次数，推荐使用while循环。do...while循环，很少使用。

循环语句的跳转控制语句

continue：结束本次循环，进行下一次循环执行。
注意：使用是基于条件控制的，在循环内部使用和switch中进行使用。

break：结束整个循环。

break和continue只能跳出，跳过自己所在的那一层关系，如果想要跳出、跳过指定的一层就可以加入标号。

流程图

 

案例相关代码

在打印直角三角形时，我用的for循环，外部循环用来打印直角三角形的层数（有几排），内部循环用来打印每排的星号个数。 

案例效果图