pxcook专题

Web前端一套全部清晰 ⑧ day5 CSS.3 选择器、PxCook软件、盒子模型

谁不是一路荆棘而过呢 —— 24.5.12 CSS.3 选择器、PxCook软件、盒子模型一、选择器 1.结构伪类选择器 1.作用: 根据元素的结构关系查找元素。选择器说明 E:first-child 查找第一个 E元素 E:last-child

选择器、pxcook软件、盒子模型

结构伪类选择器定义：根据结构的元素关系来查找元素。 <title>Document</title><style>li:first-child{color:aqua ;}li:last-child{color: aqua;}li:nth-child(3){color: aqua;}</style></head><body><ul><li>1</li><li>2</li><li>3</

CSS3【CSS 三大特性、PxCook的基本使用、盒子模型[盒子模型的介绍、内容区域的宽度和高度、边框（ border ）、内边距（ padding ）、外边距（margin）]】

文章目录一、CSS 三大特性1.1 优先级的介绍1.2 小结1.3 权重叠加计算1.4（拓展）权重叠加计算案例二、PxCook的基本使用三、盒子模型3.1 盒子模型的介绍3.1.1 盒子模型的介绍3.1.2 小结 3.2 内容区域的宽度和高度3.2.1 内容的宽度和高度 3.3边框（ border ）3.3.1 边框（border）- 单个属性3.3.2 边框（border）- 连写形式

Web前端—盒子模型：选择器、PxCook、盒子模型、正则表达式、综合案例（产品卡片与新闻列表）

版本说明当前版本号[20231019]。版本修改说明20231018初版20231019补充了综合案例二新闻列表的代码及完善部分代码目录文章目录版本说明目录盒子模型01-选择器结构伪类选择器基本使用:nth-child(公式)伪元素选择器 02-PxCook03-盒子模型盒子模型-组成边框线四个方向单方向边框线内边距尺寸计算外边距版心居中清除默认样式元素溢出外边距问题合并

Web前端—盒子模型：选择器、PxCook、盒子模型、正则表达式、综合案例（产品卡片与新闻列表）

版本说明当前版本号[20231018]。版本修改说明20231018初版目录文章目录版本说明目录盒子模型01-选择器结构伪类选择器基本使用:nth-child(公式)伪元素选择器 02-PxCook03-盒子模型盒子模型-组成边框线四个方向单方向边框线内边距尺寸计算外边距版心居中清除默认样式元素溢出外边距问题合并现象外边距塌陷行内元素 – 内外边距问题圆角盒子阴影（拓展