Web前端开发------网页分组元素

1.分组选择器

分组选择器和普通的CSS选择器用法一致。

只是使用时，需要以英文逗号,将多个选择器间隔开。

比如，这里h3,p就能同时设置h3和p元素的样式。

001.

一个块级元素，它可以对网页中的元素进行布局。

把网页划分为一块一块的区域，然后结合CSS就可以对某一区域内的多种元素设置样式。

    
    


    

        
haha编程
        
网页开发
    

/*body中定义了一个div元素，style中设置div元素的背景颜色和对齐方式。h3和p元素都是div的一部分，这里通过div选择器直接可以设置h3,p。*/

简单来说，div元素是对网页进行整体布局，结合CSS，可以设置一块区域的样式。

但是有时候，我们还需要对网页中的内容进行局部样式的修改。

002.这时候，就需要用到HTML中的重要元素：span

 标签用于配合CSS，修改网页中的一些局部样式。

 标签也没有什么特殊的显示效果。

简单来说，标签中的内容会被标记，当它结合CSS设置样式时，其中的内容才会有视觉上的变化。

    
    


    
Python是一门语言，应用于数据分析基础、数据分析进阶、网络爬虫方面。

如果span元素出现很多，那么使用span标签选择器会改变所有span元素的样式，如果我们要设置指定元素内的span元素样式，就需要用到

2.后代选择器

后代选择器使用时，需要以空格将多个选择器间隔开。

比如，这里p span，表示只设置p元素内，span元素的样式.

div属于块级元素，会独占一行；

span属于行内元素，不会独占一行。

    
    


    
Python是一门语言，应用于数据分析基础、数据分析进阶、网络爬虫方面。