CSS选择器详解

1.选择器的作用
当我们把页面的结构做完之后,想要对页面中的元素进行一对一或者一对多的样式调整,就需要使用选择器。
例如:我们在页面里共插入了四张图片,四张图片的大小都一致,如果我们给每张图片都添加宽高,就比较麻烦。这时候可以用css选择器选中所有图片,这时只需要做一次宽高设置即可。
2.选择器类型及详解
(一)基本选择器
1.标签选择器(类型选择器):以html中的标签做选择器
                (1)语法格式:标签{属性:属性值; 属性:属性值;}
                        例如:设置文档中所有的图片宽为30px,高为35px。
                        img{width:30px;height:35px}
                (2)使用场景:当我们需要统一某个元素的样式或改变某个元素的默认样式时使用。
 2.类选择器(class选择器)
                (1)语法格式:.class名{属性:属性值; 属性:属性值;}
     

CSS选择器详解最先出现在Python成神之路

版权声明:
作者:Mr李
链接:https://www.techfm.club/p/19681.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>