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 的视宽都是通过浏览器窗口实现区域计算的
网友评论