Web前端入门之CSS基础笔记

目录

001-HTML中嵌入CSS样式的第一种方式

002-HTML中嵌入CSS样式的第二种方式 

003-HTML中嵌入CSS样式的第三种方式 

004-隐藏样式 

005-文本装饰样式 

006-设置鼠标的悬停效果 

007-内边距和外边距 

008-float浮动效果  

009-定位样式position 

---

 

001-HTML中嵌入CSS样式的第一种方式

002-HTML中嵌入CSS样式的第二种方式 

	
		
		
		
		
		
		
	
	
		
		

			
		
		
		

			
		
		
		

			
		
		
		

		

		

		
		
		
		
		

		
		
		文本内容span
		
		
文本内容：段落p标签
		
		











		
	

003-HTML中嵌入CSS样式的第三种方式 

004-隐藏样式 

	
		
		
		
	
	
		
		

			
水果
			
蔬菜
			
茶
		
		
		

			
中国
				

					
北京
					
天津
				
			
			
美国
			
日本
		
		
		
		
	

005-文本装饰样式 

	
		
		
		
	
	
		
		
百度
		
		百度
		
		
	

006-设置鼠标的悬停效果 

	
		
		
		
		
		
	
	
		
		我是一个段落		
		我是一个段落
		
		
		
	

007-内边距和外边距 

008-float浮动效果  

	
		
		
		
	
	
		

			
			《黛玉葬花》是文学名著《红楼梦》中的经典片段。林黛玉最怜惜花，觉得花落以后埋在土里最干净，
			说明她对美有独特的见解。她写了葬花词，以花比喻自己，在《红楼梦》中是最美丽的诗歌之一。
			贾宝玉和林黛玉在葬花的时候有一段对话，成为《红楼梦》中一场情人之间解除误会的绝唱。
			《黛玉葬花》是文学名著《红楼梦》中的经典片段。林黛玉最怜惜花，觉得花落以后埋在土里最干净，
			说明她对美有独特的见解。她写了葬花词，以花比喻自己，在《红楼梦》中是最美丽的诗歌之一。
			贾宝玉和林黛玉在葬花的时候有一段对话，成为《红楼梦》中一场情人之间解除误会的绝唱。
			《黛玉葬花》是文学名著《红楼梦》中的经典片段。林黛玉最怜惜花，觉得花落以后埋在土里最干净，
			说明她对美有独特的见解。她写了葬花词，以花比喻自己，在《红楼梦》中是最美丽的诗歌之一。
			贾宝玉和林黛玉在葬花的时候有一段对话，成为《红楼梦》中一场情人之间解除误会的绝唱。
			《黛玉葬花》是文学名著《红楼梦》中的经典片段。林黛玉最怜惜花，觉得花落以后埋在土里最干净，
			说明她对美有独特的见解。她写了葬花词，以花比喻自己，在《红楼梦》中是最美丽的诗歌之一。
			贾宝玉和林黛玉在葬花的时候有一段对话，成为《红楼梦》中一场情人之间解除误会的绝唱。
			《黛玉葬花》是文学名著《红楼梦》中的经典片段。林黛玉最怜惜花，觉得花落以后埋在土里最干净，
			说明她对美有独特的见解。她写了葬花词，以花比喻自己，在《红楼梦》中是最美丽的诗歌之一。
			贾宝玉和林黛玉在葬花的时候有一段对话，成为《红楼梦》中一场情人之间解除误会的绝唱。
			《黛玉葬花》是文学名著《红楼梦》中的经典片段。林黛玉最怜惜花，觉得花落以后埋在土里最干净，
			说明她对美有独特的见解。她写了葬花词，以花比喻自己，在《红楼梦》中是最美丽的诗歌之一。
			贾宝玉和林黛玉在葬花的时候有一段对话，成为《红楼梦》中一场情人之间解除误会的绝唱。
			《黛玉葬花》是文学名著《红楼梦》中的经典片段。林黛玉最怜惜花，觉得花落以后埋在土里最干净，
			说明她对美有独特的见解。她写了葬花词，以花比喻自己，在《红楼梦》中是最美丽的诗歌之一。
			贾宝玉和林黛玉在葬花的时候有一段对话，成为《红楼梦》中一场情人之间解除误会的绝唱。
		
	

009-定位样式position 

	
		
		
		
	
	
		
		

			百度
		
		
	

鼠标移动至 百度 上的效果：