css

学习内容总结
今日聚焦于 CSS 的深入学习，对选择器、盒模型、布局方式以及样式设计等方面展开了系统探究，通过理论知识学习与实践操作，对 CSS 有了更全面且深入的理解。
详细学习内容
（一）CSS 选择器

1. 基本选择器
   重新巩固了元素选择器、类选择器和 ID 选择器的使用方法。元素选择器能直接选中 HTML 中的元素，例如使用 p 选择器可以选中所有的段落元素；类选择器以 . 开头，能够为具有相同类名的元素统一设置样式，如 .highlight 可用于突出显示特定文本；ID 选择器以 # 开头，用于选中具有特定 ID 的唯一元素，像 #header 可精确选中页面头部元素。
2. 组合选择器
   学习了多种组合选择器的运用。后代选择器使用空格分隔，能够选中某个元素的所有后代元素，如 ul li 可选中无序列表中的所有列表项；子选择器使用 > 符号，只选中直接子元素，例如 div > p 只会选中 div 元素的直接子段落元素；相邻兄弟选择器使用 + 符号，选中某个元素的下一个相邻兄弟元素，如 h2 + p 会选中紧跟在 h2 元素后的段落元素；通用兄弟选择器使用 ~ 符号，选中某个元素之后的所有兄弟元素，例如 h3 ~ p 会选中 h3 元素之后的所有段落元素。
3. 属性选择器
   掌握了属性选择器的用法。可以根据元素的属性及其值来选择元素，如 [type="text"] 能选中所有 type 属性值为 text 的元素，[href^="https"] 可选中 href 属性值以 https 开头的元素，[class*="button"] 则能选中 class 属性值中包含 button 的元素。