CSS学习笔记

div块标签：默认占一行 自动换行

span块标签：内容显示在同一行

CSS概述：层叠样式表

主要作用：用来美化我们的HTML页面的

HTML决定网页的骨架，CSS是用来化妆的，将HTML和界面的美化代码分离

CSS的简单语法：

在一个style标签中，去编写CSS内容，最好将style标签写在这个head标签中

 

	
		
		
		
		
	
	
		
大家新年好
	

CSS的选择器：

 元素选择器：

	
		
		
		
	
	
		元素选择器
	

ID选择器：以#开头 id在整个页面中是唯一的

 #ID的名称{

      属性名称1：属性的值；

      属性名称2：属性的值；

}

	
		
		
		
		
	
	
		
大家新年好
		
javaee
		
IOS
		
android
	

类选择器：以.开头

.类的名称{

    属性名称1：属性的值；

      属性名称2：属性的值；

}

	
		
		
		
		
	
	
		
茄子
		
香蕉
	

CSS的引入方式：

    外部样式：通过link标签引入一个外部的css文件

.shucai{
				color: blueviolet;
			}

	
		
		
		
		
	
	
		
茄子
		
香蕉
	

内部样式：直接在style标签内编写CSS代码

行内样式：直接在标签中添加一个style属性

 

CSS浮动：float属性：left  right  就是一个流式布局

clear属性：清除浮动

both两边都不浮动

left 左边不浮动

right右边不浮动

 

CSS选择器的优先级：行内样式>ID选择器>类选择器>元素选择器

就近原则 ：哪个样式距离标签近，就显示哪个样式

还有一些其他的选择器，不经常用，就不细说了。