1、CSS的基本概念
CSS全称Cascading Style Sheets。在实际网页开发中，作用于同一个元素上的多个样式产生冲突的情况不可避免的经常发生，当多个样式发生重叠时，优先级别高的样式会生效，因此得名层叠样式表。
2、CSS的作用
在网页开发中，CSS高性能强大，是提高工作效率的利器。它可以将内容展示和样式控制分离，从而降低耦合度，解耦，让分工协作更容易，以此提高开发效率。
3、CSS的使用
（1）内联样式：在标签内使用style属性指定css代码。如：<div >hello css</div>
（2）内部样式：在head标签内，定义style标签，style标签的标签体内容就是css代码。如：
<style>
div{
color:blue;
}
</style>
<div>hello css</div>
（3）外部样式：它是CSS资源文件。在head标签内，定义link标签，引入外部的资源文件.如：
a.css文件：
div{
color:green;
}
<link rel="stylesheet" href="css/a.css">
<div>hello css</div>
<div>hello css</div>
需要注意的是，前三种方式CSS作用范围越来越大，第一种方式不常用，后期比较常用第二、三种方式。
4、CSS的语法
（1）格式
选择器 {
属性名1:属性值1;
属性名2:属性值2;
...
}
注意：每一对属性需要使用；隔开，最后一对属性可以不加；
5、属性
（1）字体、文本
font-size：字体大小
color：文本颜色
text-align：对其方式
line-height：行高
（2）背景
background：
（3）边框
border：设置边框，符合属性
（4）尺寸
width：宽度
height：高度
（5）盒子模型：控制布局
margin：外边距
padding：内边距
默认情况下内边距会影响整个盒子的大小
box-sizing: border-box; 设置盒子的属性，让width和height就是最终盒子的大小
float：浮动
left
right
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
计算
安全
数据库
网络和加速
企业服务
