本文介绍了CSS在前端开发中的重要性，详细讲解了选择器的类型，包括ID选择器、类选择器、标签选择器及其组合使用。深入探讨了盒子模型，包括content-box和border-box两种盒模型的差异，以及宽度、高度、外边距、内边距和边框的设置。此外，还涵盖了背景样式的配置，如颜色、图像、位置、重复和尺寸调整。最后，文章提到了弹性盒子模型，讨论了display属性、flex-direction、flex-wrap、justify-content、align-content和align-items等关键属性，用于实现灵活的布局效果。
/css 层叠样式表/（配合HTML文件调试网页内容的显示样式）
/*
选择器
1.ID选择器
2.类选择器
a.无须唯一
b.选择性使用
c.组合使用
3.标签选择器
4.{}（所有选择器响应）
*/
#name{…}
.name{…}
li{…}
- …
-
/盒子模型/（将页面中不同的选项模块看作是不同大小的盒子在做嵌套 上图涂红部分可看作一个盒子然后可对其设置内容及格式）
box-sizing:content-box（内容盒子，由内容大小自内而外做加法）/border-box（边框盒子，给定外部宽高自外而内做减法）
/宽高/ width height :Npx
/外边距/margin-top/right/bottom/left（兄弟同辈关系控制）(盒子基于上级父盒水平居中 )
/内边距/padding-top/right/bottom/left(语法同margin)(子盒基于上级父盒关系控制)
最低0.47元/天 解锁文章
扫一扫
373
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
