1.8(学习篇)

css基础

css的作用:css是对网页进行修改用于对网页进行美化,将外观和样式进行分离

css有三种使用方式:

1.内联样式

内联样式，是在标签上面直接加上style属性，然后就css属性写到style属性的值里面

内嵌样式

内嵌样式 就是通过style标签把css样式写到标签里面

3.外部样式

通过link标记引入css文件到html文档中，在单独的css文件里面写入css样式

Class选择器

1.标签选择器

    通过写在body\里的标签名直接在css加入标签名进行修改

input{

width: 100px;

height: 30px;

}div{

    width:100px}

2.class选择器

在body标签中加入class标签的标签可以使用class选择器,对相同类型的class值进行修改(一块修改),在标签前面加.

.sex{

height: 60px;

}

3.id选择器 一般布局不太会去使用它来进行样式修饰 在css选择器里面 # 代表HTML里面的id

id 它是唯一的 ，它相当于咱们的身份证；

#box{

width: 300px;

height: 300px;

background: red;

}

css选择器的优先级别

内联样式 > id选择器 > class选择器 > 标签选择器

内联样式 > 内嵌样式 > 外部样式的优先级别

一般在项目里面基本上使用的都是外部样式

css属性值

css属性值一般用来定义当前属性样式外观的呈现方式:一般css属性的值有多个选项过单个选项

值的基本类型分为

1.色彩

2.尺寸

3.方位

色彩可以是1.直接是单词如:red,blue等

                  2.16进的颜色值:如#fff(黑色)#000(白色等)

                  3.rgb

尺寸1.px(像素)

        2.cm(厘米)

        3.%(百分比)

vm视宽宽

vh视宽高

vm 和 vh 的视宽都是通过浏览器窗口实现区域计算的