css的简单概述
⼀.概述
1.什么是css？css的全称是cascading style sheets 层叠样式表。主要⽤于界⾯的美化和布局控制。其中层叠就是多个样式可以作⽤在同⼀个HTML元素上，同时⽣效。
2.使⽤css有哪些好处？可以将内容和样式分离，降低耦合度，提⾼开发效率。
⼆.css结合html的使⽤⽅式
css必须结合html标签使⽤，其主要是⽤来修饰和美化相关标签的，其与css结合使⽤时，有以下三种⽅法。
1.内联样式
在标签体内使⽤style属性来指定css代码。
css代码是由键和值中间⽤冒号隔开的键值对构成，键⽤来指定属性名，值⽤来指定属性值。
2.内部样式
在head标签内，定义style标签，style标签体内的内容就是css代码。
3.外部样式
定义css资源⽂件，然后head标签内定义link标签引⼊外部资源⽂件。
三.css选择器介绍
c ss基本语法格式：c ss主要需要完成的是⼀个选择器的定义。选择器名称 {
属性名：属性值;
属性名：属性值;
…
}
基本选择器
(1)id选择器
语法格式：
#属性名称{
}
(2)元素选择器
语法格式:
标签名称{
}
(3)类选择器
选择具有相同class属性的元素。
语法格式:
.class属性值{
}
对于以上的基本选择器，其之间也存在优先级问题。优先级的⼤⼩如下：
id选择器 >类选择器>元素选择器
2.扩展选择器
(1)通⽤选择器，选择所有的选择器
语法格式：
*{
}
(2)并集选择器
语法格式:
选择器1，选择器2{
}
(3)⼦选择器
语法格式：
选择器1 选择器2{
}
(4)⽗选择器
语法格式：
选择器1>选择器2{
}
//表⽰选定选择器2的⽗元素选择器1
(5)属性选择器
对带有指定属性的 HTML 元素设置样式,⼀般⽤于input输⼊框之类的标签。语法格式:
元素名称[属性名=“属性值”]{
}
(6)伪类选择器
语法格式：
元素：状态{
}
四.css属性简单介绍
(1)字体⽂本
front-size 字体⼤⼩，单位是像素
color ⽂本颜⾊
text-align 对齐⽅式
line-height ⾏⾼
(2)背景
background，可以设置图⽚或者颜⾊
(3)边框：border，设置边框
(4)尺⼨：width设置宽度，height设置⾼度。
css 属性选择器(5)盒⼦模型：主要来控制页⾯的布局
margin：外边距
padding：内边距。默认情况内边距会影响整个盒⼦的⼤⼩
默认情况内边距会影响整个盒⼦的⼤⼩。⽐如，当我们通过内边距设置其和内部div的距离时，虽然最终会达到我们所期望我们可以通过设置box-sizing：borde-box；让当前width和height的值就是最终的⼤⼩，来解决此问题的距离，但是div也会相对变⼤。我们可以通过设置box-sizing：borde-box；让当前width和height的值就是最终的⼤⼩，来解决此问题
float：left左浮动，right右浮动。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。