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

需积分: 0 86 浏览量更新于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的核心概念和实践应用，对于初学者和复习者都是宝贵的参考资料。

stout_T

粉丝: 0
资源: 3

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

css整理笔记

尚硅谷（李立超）——HTML5&CSS3笔记总结【持续更新】

Css整理笔记

css、js笔记整理

CSS那些事读书笔记

html + css 学习笔记整理.zip

精心整理的一份CSS学习笔记+CSS思维导图

css笔记学习整理.pdf

图解HTTP与css世界读书笔记整理分享

CSS选择器组合与基础样式详解：《Css那些事》读书笔记

最新资源