Java学习日记004————初识CSS

我是Fat Loong Cat 目前正在读大四。本文主要是记录我在学习Java中的一些知识点以及老师传授的重点内容。所有内容仅代表个人观点，如有错漏，欢迎斧正。

在学习CSS之前，我们首先要去了解一下什么是CSS。

一、关于CSS

一）CSS的含义

CSS是 Cascading Style Sheets（中文翻译为层叠样式表）的缩写，表现为HTML或XHTML文件样式的计算机语言。包括对字体、颜色、边距、高度、宽度、背景图片的设定。是一种标准的样式表语言，用于描述网页的表示，即布局和格式。

二）CSS发展史

目前大家用的就是2010年推出的CSS 3.0啦。那么为啥我们要在前端开发的时候使用CSS呢？

三）CSS的优势

1.内容和表现分离；

2.使网页的表现更统一，容易修改；

3.丰富样式使得页面布局更加灵活；

4.减少网页的代码量，增加载入速度。

四）基本语法结构

了解了有关CSS的部分，我们首先想到的是，如何在我们之前学过的HTML页面里放进我们的CSS，从而使用它。

二、HTML中引入CSS

一）行内样式

  使用Style引入CSS

 二）内部样式表

  CSS代码写在的

在使用后代选择器之后，类名为“d2”的div包含的“d3”div和“d4”div都被视为“d2”的“后代”，被样式改变。

2.子代选择器：

在使用子代选择器之后，类名为“d2”的div包含的“d3”div和“d4”div都被视为“d2”的“后代”，但是只有“d3”是“d2”的“子代”，被样式改变。 

3.相邻兄弟选择器

只有“d2”后面的一个div被选中。

4.通用兄弟选择器

“d3”后面的所有div都被修改。

二）结构伪类选择器

选择器	功能描述
E:first-child	作为父元素的第一个子元素的元素E
E:last-child	作为父元素的最后一个子元素的元素E
E F:nth-child(n)	选择父级元素E的第n个子元素F，（n可以是1、2、3），关键字为even、odd（奇偶）
E:first-of-type	选择父元素内具有指定类型的第一个E元素
E:last-of-type	选择父元素内具有指定类型的最后一个E元素
E F:nth-of-type(n)	选择父元素内具有指定类型的第n个F元素

    

	
		
		
		
	
	
    
        

		
			wwwww
			wwaww
			
15565154
			
15565154
			
15565154
			
15565154
		
		

		

		

		

		
    
    


      

 PS：使用E F:nth-child(n)和E F:nth-of-type(n)的 关键点

E F:nth-child(n)在父级里从一个元素开始查找，不分类型

E F:nth-of-type(n)在父级里先看类型，再看位置

三）属性选择器

属性选择器	功能描述
E[attr]	选择匹配具有属性attr的E元素
E[attr=val]	选择匹配具有属性attr的E元素,并且属性值为val（其中val区分大小写）
E[attr^=val]	选择匹配元素E，且E元素定义了属性attr，其属性值是以val开头的任意字符串
E[attr$=val]	选择匹配元素E，且E元素定义了属性attr，其属性值是以val结尾的任意字符串
E[attr*=val]	选择匹配元素E，且E元素定义了属性attr，其属性值包含了“val”，换句话说，字符串val与属性值中的任意位置相匹配

	
		
		
		
	
	
		
51651
		
5545
		
48131321
		
515151
		
15151
		
26911
		
541511