今天初学css,仿着写了个类选择器,发现怎么都不生效,百度了半天大部分都说是文件路径可能有误。花了20分钟才发现类选择器的名字开头需要有个点,真是悲催啊。
css的基本结构是
选择器{
属性1:;
属性2:;
}
css可以外联,也可以写在内部。
了解了盒子模型的几个关键概念。border、margin、padding、content,border是边框,margin是边框外的距离,padding是边框内的距离,content是边框内放的东西。
如果有多个类选择器,则以在css文件中出现的顺序为判断,在文件中出现的越靠后效力越强。
css中,选择器的公因子,可以被提取,这样可以减少冗余数据。
css常用的四种选择器
1 类(class)选择器---定义一种样式,在使用中进行调用
.选择器名{
属性名:属性值;
属性2:属性值;
}
2 html元素选择器,对某种元素进行定义,不必每次使用都进行调用声明
某个html元素名{
属性名:属性值;
属性2:属性值;
}
3 id选择器-------和类选择器类似,调用的方式不同
#ID选择器名{
属性名:属性值;
属性2:属性值;
}
4 通配符选择器,-----------可以应用到所有的html元素,但是它的优先级是最低的
*{
属性名:属性值;
属性2:属性值;
}
四个选择器优先级排序呢
id选择器>class选择器>html选择器>通配符选择器