flex布局介绍 传统布局: 基于浮动(float)与定位(position)flex弹性布局: 灵活,强大,简单,直观flex布局没有方向性flex布局空间自由分配, 自动对齐flex仅适用于简单的线性布局 flex功能预览

CSS常用的背景属性背景颜色background-color: teal; 背景裁切background-color: teal;background-clip: content-box;/*不会覆盖padding*/ 背景渐变 bac...

浮动元素高度塌陷原因我们经常会遇到一种情况，给一个元素设置浮动之后 float:left/right;如果父元素有一个边框，那么浮动元素无法将边框撑开。 如下图所示：原因是因为元素浮动后，就脱离了文档流。那么它之前存在在父元素内的高度就随着浮动不复存...

CSS的盒模型和定位技术是CSS中的重点，可以说绝大多数的网页都是通过盒模型和定位来实现布局的。 盒模型的四个属性 content:内容padding:内边距。有上右下左四个内边距，可单独设置。如padding-top(上内边距)，padding-...

今天我们讲解两个知识点。用表格制做购物车列表和表单实现用户注册页。我们仍然用代码和效果图来进行展示。 表格实现购物车列表

除了经常用到的ID选择器、类选择器、元素选择器。CSS还有如简单选择器、上下文选择器，伪类选择器、伪元素选择器等。今天我们用案例来进行演示。 简单选择器

二级下拉菜单在网站中应用非常广泛，这次我们利用CSS和原生Js来编写一个实用的二级下拉菜单。主要应用到的技术有CSS的定位，列表项和JS事件。 CSS定位四种定位方式static：定位的默认值。relative:相对定位，相对于原来位置。（用的较多）...

今天我们讲一个HTML页面标准文档结构和HTML元素的三大通用属性。 HTML页面标题文档结构如下

在学习全栈工程师前，我们先要配置好我们的学习环境。主要有以下几点。 编辑器:推荐vscode，功能强大，插件丰富，下载方便。测试环境:phpstudy ,国人开发，简单好用，界面友好。笔记纪录：使用Markdown编辑器，纪录到博客中。 编辑器VS...