CSS总结摘要
一 概述
1.什么是CSS?
Cascading Style Sheet,层叠样式表,用于设定页面内容的显示样式。
2.为一个元素添加多个样式
一个元素可以同时定义多个类,不同类之间用空格隔开,如class=“xxx01 xxx02”。
3.为子元素添加样式
为子元素设定样式的方式:父元素+空格+子元素{},通常时候id+class。
二 常用属性
1.文本
- text-align:center:文本居中。
2.内补丁
- padding:内补丁,即内部宽度。格式:padding:5px(可以定义一个值,也可以定义4个值),用于设置相邻元素与其边界之间的距离。
3.外补丁
- margin:在对象与其他对象之间增减空白间距,增加的间距在对象外部,所以称作外补丁,使用方法同内补丁padding。
4.布局
overflow:当对象的内容超出指定范围时设定处理措施。
- auto:只有在必需时才采用滚动条或者剪切。
- hidden:不显示超出范围的内容。
- visible:默认值,不剪切,不添加滚动条。
- scroll:总是显示滚动条。
display:改变对象的显示方式。
- inline-block:将对象作为内联对象,对象的内容作为块对象。通常加上width设定对象的宽度,用于对齐。
- none:隐藏元素,该元素不占空间。
- visibility:hidden:隐藏对象,隐藏的对象依然占据空间。
(持续更新中.............)
不能仅仅停滞在实现上,应该去追求代价更小、性能更优的实现
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 本地部署DeepSeek后,没有好看的交互界面怎么行!
· DeepSeek 解答了困扰我五年的技术问题。时代确实变了!
· 趁着过年的时候手搓了一个低代码框架
· 推荐一个DeepSeek 大模型的免费 API 项目!兼容OpenAI接口!