CSS入门之样式表与选择器详解

    CSS用来定义HTML页面中文字显示样式,还有类、层等特性,还可以对文字重叠、定位等。引入CSS到HTML中,主要是因为在传统的HTML上控制文字显示样式和版面非常难,引入CSS之后,控制方式变得简单,页面也变得更加美观、丰富。

    所以CSS主要就是用来提供样式,样式一般用样式表来描述,每一种样式对应一种样式表。

 

    一  样式表

    一个样式表的组成有三部分:选择符、属性、属性值。看下面代码中注释:

属性:可以指定字体,背景,布局,边界等。

注:样式表包含在

标记选择器声明哪些标记采用对应的CSS样式。比如上面代码中的a选择器,声明页面中所有的标记的样式风格。如果选择器是img,则对应;如果选择器是table,则对应

标记。浏览器解析时,会自动为这些标记应用对应的标记选择器,不需要再HTML文本编辑时显式指定。

    2)类别选择器

    标记通过class属性来应用类别选择器。

    演示类别选择器:(注意类别选择器的定义形式)



	
		演示类别选择器
	
	
	
	
		

应用了选择器one

正文内容1

应用了选择器two

正文内容2

应用了选择器three

正文内容3

浏览器效果:

CSS入门之样式表与选择器详解_第1张图片

注:HTML标记可以应用多种类别选择器。比如

(上述演示代码中有)。

    3)ID选择器

    HTML标记通过id属性来应用ID选择器,因为每一个标记的id都不同,所以一个ID选择器只能应用一次。

ID选择器演示代码如下:



	
		演示ID选择器
	
	
	
	
		

ID选择器

ID选择器

ID选择器

 

浏览器打开文件截图:

CSS入门之样式表与选择器详解_第2张图片

你可能感兴趣的:(Java,web)