JavaEE——CSS

  1.什么是CSS？

    1、css是层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

    2、CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

    3、CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。简单的说，html是对网页的基本构架实现，那么css就是对网页进行装修。

  2.如何使用CSS。

    有三种方法可以在站点网页上使用样式表。

    1、外联样式—link标签：将网页链接到外部样式表。

    2、内联样式：应用内嵌样式到各个网页样式。

    3、标签样式：在网页上创建嵌入的样式表。

  3.CSS的选择器。

    1、基本选择器。

  ----id选择器—— #idName

  通过id名字的选择，在head标签中对body标签的布局进行修改。

  构架展示：

    网页显示：

  ----class选择器— .className

  通过class名字的选择，在head标签中对body标签的布局进行修改。

  构架展示：

  网页显示：

  ----标签选择器— tagName

  通过标签名字的选择，在head标签中对body标签的布局进行修改。还有的就是当类名和id名一样时，使用#idName，.className可以一块使用，优先级比单个idName或者className定义较低。

构架展示：

    
        
        
        
        
    
    
        

        

        
这个是一个段落
    

  网页显示：

    2、包含选择器。

  ----子代选择器—    FName>ZName

  通过>符号的选择，在对父标签的下一个直接子标签进行修改。

  构架展示：

	
		
		
		
	
	
		

			

				
这个是一个列表1
				
这个是一个列表2
				
这个是一个列表3
				
这个是一个列表4
				
这个是一个列表5
			
		
		

			

				
这个也是列表
				
这个也是列表
				
这个也是列表
				
这个也是列表
				
这个也是列表
			
		
	

  网页显示：

  ----后代选择器—    FName  ZSName

  通过空格符号的选择，在对父标签的后代存在的子标签进行修改。

  构架展示：

	
		
		
		
	
	
		

			

				
这个是一个列表1
				
这个是一个列表2
				
这个是一个列表3
				
这个是一个列表4
				
这个是一个列表5
			
		
		

			

				
这个也是列表
				
这个也是列表
				
这个也是列表
				
这个也是列表
				
这个也是列表
			
		
	

  网页显示：

    3、属性选择器。

• 形式1：标签[属性]   ----------->存在某个属性的标签
• 形式2：标签[属性="值"]   ----------->存在某个属性等于值的标签
• 形式3：标签[属性^="值的前缀"]   ----------->存在某个属性等于值的前缀的标签
• 形式4：标签[属性&="值的后缀"]   ----------->存在某个属性等于值的后缀的标签
• 形式5：标签[属性*="包含值的元素"]   ----------->存在某个属性等于包含值的元素的标签

  构架展示：

	
		
		
		
	
	
		
这个是一个div
		
这个是一个div
		
		
		

		
		

		
	

  网页显示：

  4、伪类选择器。

• :  link 伪类向未访问的链接添加特殊的样式。
• :  hover  选择器用于选择鼠标指针浮动在上面的元素。
• :  active 选择器用于选择活动链接。
• :  visited 选择器用于选取已被访问的链接。
• :  focus 选择器用于选取获得焦点的元素。
• :: placeholder 选择器用于对设置显示的字体定义颜色。

  构架展示：

	
		
		
		
	
	
		百度
		
	

  网页显示：

  附：css3选择器：https://www.w3school.com.cn/cssref/css_selectors.asp