CSS学习笔记:从基础到CSS3新特性

需积分: 0 1 下载量 110 浏览量 更新于2024-09-07 收藏 261KB PDF 举报
"这是一份关于CSS的个人学习笔记,主要涵盖了CSS的基础概念、选择器、基本属性以及CSS3的一些新增特性。笔记作者提供联系方式,可供有需要的人获取完整资料。" 在这份CSS整理笔记中,作者首先介绍了CSS的基础知识。CSS(层叠样式表)是一种用于控制网页样式和实现内容与表现分离的标记性语言,它无需编译,由浏览器直接解析执行。CSS3是目前广泛使用的版本,尽管某些新特性在部分浏览器中可能不完全支持。 笔记接着详细讲解了CSS的基本语法,包括选择符、属性和属性取值的组成。CSS定义的格式通常为选择符{属性: 属性取值; ...},大小写不敏感,属性与值之间用冒号分隔,多个属性间用分号隔开,注释则使用/* ... */包裹。 接着,笔记阐述了在HTML文档中放置CSS的三种方式:内联样式、内嵌样式和外部样式。内联样式直接应用在HTML元素中,灵活性高但可能导致样式与内容混杂;内嵌样式表位于HTML文档的<head>标签内,保持了一定的分离,但仍然局限在单个文档内;外部样式表通过<link>标签引入,可以实现样式复用和更好的维护性。 笔记的第二章探讨了CSS选择器,包括基本选择器(如元素选择器、ID选择器、类选择器等)、层级选择器(如后代选择器、子元素选择器、相邻兄弟选择器等)、属性选择器(通过元素属性进行选择)以及伪类和伪元素选择器(如`:hover`、`:first-child`、`::before`等)。 第三章详细列举了CSS的一些基本属性,如字体属性(控制字体类型、大小、颜色等)、文本属性(对齐、换行、缩进等)、背景属性(颜色、图像、重复等)、尺寸属性(宽度、高度)、列表属性(列表符号、间距等)、定位属性(相对、绝对、固定定位)、布局属性(如流体布局、网格布局)以及盒子模型(content、padding、border、margin的处理)。 最后,笔记简要介绍了CSS3的一些新增特性,如浏览器的私有前缀(-webkit-、-moz-等)来支持实验性功能,颜色模式的扩展,文字阴影(包括横向和纵向偏移、模糊度和颜色),圆角边框(设置元素边框的圆角半径),盒子阴影(添加元素的阴影效果),以及媒体查询(实现响应式设计,根据设备特征调整布局)。 这份笔记详尽地覆盖了CSS的核心概念和实践应用,对于初学者和复习者都是宝贵的参考资料。