css(层叠样式表)使用场景:美化网页
css也是一种标记语言 可以美化
html 做结构 css做美化
css语法规范
1·css规则有两个部分组成,选择器以及一条或多条声明
2·选择器是用于指定css样式的HTML标签,花括号内是对该对象的具体样式
3·属性和属性值以键值对的形式出现
4·属性是对指定的对象设置的样式属性例如颜色文本颜色
5·属性和属性值之间用:分开
6·多个键值对之间用;进行区分
css代码风格
1、紧凑格式
2、展开格式
以展开形式书写 以小写字母书写
css选择器的作用
就是选标签使用的
标签选择器
作用:标签选择器可以把某一类标签选择出来,比如所有的<div>和所有的<span>
优点:能快速为页面中同类型的标签统一设置样式
缺点:不能设计差异化样式,只能选择全部的当前标签
类选择器
1、类选择器使用“."进行标识,后面紧跟类名(自定义,我们自己明明类名)
2、可以理解为这个标签有了名字
3、长名字或者词组可以使用“-”来分割
4、不要使用纯数字、中文等命名,尽量使用英文字母来表示
多类名
一个标签有多个类名
多类名的使用方式必须使用空格分隔开
使用场景:可以把一些标签元素相同的样式放到一个类里面
这些标签可以调用这个公共的类然后再调用自己独有的类
从而节省css代码同意修改也非常方便
id选择器
使用#号来定义
和类选择器的区别:类选择器(class)一个人可以有多个名字,同一个名字也可以多个人使用
id选择器好比人的身份证号码,全国唯一,不得重复
id选择器和类选择器最大的不同在于使用的次数上
通配符选择器
以‘*“”号定义
通配符选择器不需要调用,自动就给所有的元素使用样式
特殊情况才用