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