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

需积分: 9 16 浏览量更新于2024-08-17 收藏 617KB PPT 举报

本文档主要讨论了CSS（层叠样式表）中的选择器组合关系，以及CSS基础语法和简写规则。首先，它强调了CSS样式表的植入位置，通常在HTML文档的<head>部分，通过<style>标签来编写。CSS的基本结构由选择器（Selector）和声明（property: value）组成，例如`.myContent`和`#myId`用于指定特定类或ID的样式。选择器是CSS的核心，它决定了元素的样式应用范围。类选择器以`.`开头，如`.myContent`，用于匹配所有具有该类别的元素；ID选择器以`#`开头，如`#myId`，仅匹配文档中唯一的元素。文档中提到的类样式 `.myContent` 和 `P.myContent`，分别指定了所有class为`myContent`的元素和`<p>`标签下class为`myContent`的文本样式。 CSS提供了颜色的多种表示方式，包括十六进制（如`#FF0000`）、RGB函数值（如`RGB(125,0,255)`）和颜色名称（如`red`）。此外，还提到了用户系统色盘值，它们随用户的系统设置变化。CSS中的单位值简化，当值为0时，可以省略单位，如`width: 0`等同于`width: 0px`。对于内外边距（padding和margin），简写规则允许同时设置所有边的值，或者指定单个边的值，如`padding: 10px` 或 `margin: 10px 20px 30px 40px`。边框（border）的简写允许一次性定义宽度、样式和颜色，例如`border: 1px solid #FF0000`。背景（background）也有简写，可以同时设置颜色、图像和重复模式。文档中的`body`样式示例展示了如何用简写方式设置背景颜色和背景图片。这篇文章深入浅出地讲解了CSS选择器的使用、代码编写位置、基本语法结构以及常见简写技巧，这对于理解和编写CSS代码的开发者来说是一份实用的学习资料。

ServeRobotics

粉丝: 36
资源: 2万+

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

css选择器303-311-Artificial-Intelligence-笔记

韩顺平html+css+javascript-----div+css笔记

狂神说视频-CSS笔记.pdf

黑马程序员css笔记

前端html5css3笔记整理下载

黑马pink老师html css笔记

css怎么选择ul中的li

写一个html css js es6的笔记

前端学习笔记 javascript

html css实现轮播图

最新资源