<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>css文本缩进</title>
    <style>
        p{
            /* 文本的第一行首行缩进 多少距离 */  
            /* text-indent: 20px; */

            text-indent: 2em;
        }
    </style>
</head>
<body>
  <p>打开北京,上海与广州的铁路地图,你会看见三张纵横交错的线路网图,<br>
      这代表了中国最成熟城市轨道交通系统</p>
  <p>可即使这样,在北上广生活的人依然少不了对地铁的抱怨,其中谈及最多的问题便是拥挤-对很多人而言,
    <br>每次挤地铁的过程就像一场硬仗。更何况,还都是败仗居多</p>
  <p>那么,当越来越多的二线甚至是三线城市迎来了自己的地铁,中国哪里的地铁是最拥挤的呢</p>
</body>
</html>
padding-left:25px; 
text-indent:-25px;
padding-left:25px; 
text-indent:-25px;
<div class="divcss5"> 
<p>第一段开始缩进效果<br />
使用br标签的换行将不会缩进
</p>
<p>第二段使用p标签段落首行也会缩进<br />
第二行使用了br不会缩进<br />
第三行提行使用了br也不会缩进</p>
</div>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p{
width: 200px;
height: 100px;
margin: 50px auto;
background: cyan;
}

.p2{
text-indent: 90px;
}

.p3{
text-align: center;
}

.p4{
text-align: right;
line-height: 100px;
}
</style>
</head>
<body>
<!-- p.p${段落文件演示$}*3 -->
<p class="p1">段落文件演示1</p>
<p class="p2">段落文件演示2</p>
<p class="p3">段落文件演示3</p>
<p class="p4">段落文件演示4</p>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>文本属性之文本缩进</title>
<style>
p {
font-size: 20px;

/* 文本的第一行首行缩进 多少距离 */
/* 如果在20加上负号的话 文字会向左缩进 */
/* text-indent: 20px; */
/* 2em 则缩进当前元素2个文字大小的距离*/
text-indent:2em;
}

</style>
</head>
<body>
<p>慢慢的才知道,有些事还没来得及做,就再也没有机会去尽力了。
慢慢的才知道,有些话还没来得及说,就再也没有时间去表白了;
慢慢的才知道,有些人还没来得及爱,就再也没有缘分去珍惜了;
总觉得我们不着急,有的是时间怕什么,可谁知有些事却在不在意间消失;
总觉得啥都无所谓, 有些事离我很遥远,可谁知有些人却在不在乎间离去。</p>

<p>如果时间可以重来……我们是不是还会如此的吝啬,把该说的话藏在心窝;
如果时间可以重来……我们会不会还是如此的错过,把该做的事一拖再拖。
人生没有如果,生活更不会重来,有些错过无法弥补,失去就意味着不能修复,
生命只有一次,拥有时就该珍惜。 有些离去悔不当初, 失去就意味着陌路殊途。
纵然过去的把你伤的彻底,   哪怕已失的令你心痛不易,  该来的还是悄无声息,
该去的依然挽留不住。我们唯一能做的就是珍惜当下,  活好现在,过好眼前。</p>

<p>人活着总有些失去无法挽回,阳光雨露,风霜雨雪,都是生活给我们心灵以洗涤。
来则淡然,去则坦然,如果总盯着乌云不放, 温暖的阳光怎样才能照进来;
<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>CSS</title>
        <style type="text/css">
            #style1 {
                font-family: "微软黑雅";
                font-size: 20px;
                color: black;
                text-indent: 40px;
                letter-spacing: 4px;
                line-height: 40px;
            }
            #style2{
                text-align: center;
                font-family: "微软黑雅";
                font-size: 30px;
            }
        </style>
    </head>

    <body bgcolor="aquamarine">
        <div id="style2">
            <p>将进酒</p>
        </div>

        <div id="style1">
            <p>
                君不见,黄河之水天上来,奔流到海不复回。 君不见,高堂明镜悲白发,朝如青丝暮成雪。 人生得意须尽欢,莫使金樽空对月。 天生我材必有用,千金散尽还复来。 烹羊宰牛且为乐,会须一饮三百杯。 岑夫子,丹丘生,将进酒,杯莫停。
            </p>
            <p>
                与君歌一曲,请君为我倾耳听。 钟鼓馔玉不足贵,但愿长醉不复醒。 古来圣贤皆寂寞,惟有饮者留其名。 陈王昔时宴平乐,斗酒十千恣欢谑。 主人何为言少钱,径须沽取对君酌。 五花马,千金裘,呼儿将出换美酒,与尔同销万古愁。
            </p>
        </div>

    </body>

</html>
1. for (var i=0; i<100; i++) { 
2.      doSomething(i);  
3. } 
4. if (statement) { 
5.     doSomeThing; 
6. } else { 
7.     doSomeThing; 
8. }
<html>
<head>
  <script src="/static/js/abc.js"></script>
</head>
<body>
  ...
</body>
</html>
<style type="text/css">
<!--
p{
text-indent: 2em;
}
-->
</style>
//下面是一个类,类的名字叫:HelloWorld,起名字一般都见名知意
//起名字,有规则,类名:首字母大写,遵循驼峰命名原则
//成对编程,注意缩进
public class HelloWorld{
	/*
	这是多行注释
	下面是一个main方法
	方法的格式固定,不能写错,否则识别不到这个方法
	*/
	public static void main(String[] args){
		/*
		我们要实现的功能:在控制台上原样输出双引号中的文字
		*/
		System.out.println("hello java....");
	}
	/**
	这是文档注释
	@param name 姓名
	@param age 年龄
	*/
	public void add(String name,int age){
		System.out.println("另一个方法");
	}

}
if expression1:
  if_suite
else:
  else_suite
1 function outer(a, b) {
 2     var c = 1,
 3         d = 2,
 4         inner;
 5     if (a > b) {
 6         inner = function () {
 7             return {
 8                 r: c - d
 9             };
10         };
11     } else {
12         inner = function () {
13             return {
14                 r: c + d
15             };
16         };
17     }
18     return inner;
19 }
  • 1
  • 2
  • 3
  • 4
  • 5