css层叠样式表基础学习笔记--第五章 文本属性

第五章 文本属性

    • 5-01 字间距
    • 5-02 行高
    • 5-03 首行缩进
    • 5-04 水平排列方式

5-01 字间距


<html>
	<head>
		<meta charset="UTF-8">
		<title>字间距title>
		<style type="text/css">
			div{
			   /*letter-spacing: 10px;*/
			   letter-spacing: -4px;
			   letter-spacing: normal;
			}
		style>
	head>
	<body>
		
			
			
			
			
		
		<div>我要自学网div>
		
		
	body>
html>

5-02 行高


<html>
	<head>
		<meta charset="UTF-8">
		<title>行高title>
		<style type="text/css">
			div{
				font-size: 20px;
                line-height: 40px;
                line-height: 2;
                line-height: 200%;
			}
			
			p{
				width: 300px;height: 100px;background: #00AEFF;
				line-height: 100px;
			}
		style>
	head>
	<body>
        
                     
             
             
             
             
             
          
		
		<div>我要自学网我要自学网我要自学网我要自学网我要自学网我要自学网我要自学网我要自学网
			我要自学网我要自学网我要自学网我要自学网我要自学网我要自学网我要自学网我要自学网
		       我要自学网我要自学网我要自学网我要自学网我要自学网我要自学网我要自学网我要自学网
		       我要自学网我要自学网我要自学网我要自学网我要自学网我要自学网我要自学网我要自学网
		       我要自学网我要自学网我要自学网我要自学网我要自学网我要自学网我要自学网我要自学网
		      我要自学网我要自学网我要自学网我要自学网我要自学网我要自学网我要自学网我要自学网div>
		      
		<p>我要自学网p>
		
		
	body>
html>

5-03 首行缩进


<html>
	<head>
		<meta charset="UTF-8">
		<title>首行缩进title>
		<style type="text/css">
			p{
				/*font-size: 20px;*/
				/*text-indent: 40px;*/
				text-indent: 2em;
				text-indent: -2em;
				text-indent: 50%;
			}
		style>
	head>
	<body>
		
		
		
		
		
		
		
		
		
		
		<p>人工智能(Artificial Intelligence),英文缩写为AI。它是研究、开发用于模拟、延伸和扩展人的智能的理论、
方法、技术及应用系统的一门新的技术科学。人工智能是计算机科学的一个分支,它企图了解智能的实质,并生产出一种新的能以人
类智能相似的方式做出反应的智能机器,该领域的研究包括机器人、语言识别、图像识别、自然语言处理和专家系统等。p>
       


       <p>人工智能从诞生以来,理论和技术日益成熟,应用领域也不断扩大,可以设想,未来人工智能带来的科技产品,将会是人类智慧的“容器”。人工智能可以对人的意识、思维的信息过程的模拟。人工智能不是人的智能,但能像人那样思考、也可能超过人的智能。
人工智能是一门极富挑战性的科学,从事这项工作的人必须懂得计算机知识,心理学和哲学。p>

	   <p>人工智能是包括十分广泛的科学,它由不同的领域组成,如机器学习,计算机视觉等等,
总的说来,人工智能研究的一个主要目标是使机器能够胜任一些通常需要人类智能才能完成的复杂工作。但不同的时代、不同的人对这种“复杂工作”的理解是不同的。
[1]  2017年12月,人工智能入选“2017年度中国媒体十大流行语”。p>

		
		
	body>
html>

5-04 水平排列方式


<html>
	<head>
		<meta charset="UTF-8">
		<title>水平排列方式title>
		<style type="text/css">
			div{
				width: 300px;height: 40px;line-height: 40px;background: khaki;margin:100px auto;
				text-align: left;
				text-align: right;
				text-align: center;
				text-align: justify;
			}
		style>
	head>
	<body>
		
		  
		  
		  
		  
		  
		
		
		
		
		<div>我要自学网<p style="display: inline-block;width: 100%;">p>div>
			
		
		
	body>
html>

你可能感兴趣的:(css层叠样式表基础)