Flex通用布局-含头部及底部三列主体(中间自适应)布局要求 使用Flex布局，包含头部及底部，主体三列布局，中间自适应；头部/底部要求100%宽度；主体宽度不超过1200px。 效果图如下 DOM结构如下： header

Flex布局仿PHP中文网效果图如下： HTML&DOM结构：

Grid 布局实现PHP中文网首页课程列表实战项目图如下： 使用Grid布局效果： HTML&DOM结构：

flex 布局1、什么是flex?Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。> Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。 2、基本概念 任何元素都可...

1、背景控制1.1、背景控制 背景控制常用属性 No 属性 描述 1 background-color 规定要使用的背景颜色。 2 background-position 规定背景图像的位置。 3 background-size...

1、浮动1.1、浮动高度坍塌的原因 DOM结构如下： 1 2 3<...

1、盒模型1.1、盒模型常用属性盒模型常用属性主要有3个 border (边框)padding （内边距）margin（外边距） 以上属性还支持单独设置上/下/左/右属性 border (边框) border 比较特殊, 除了可以设置宽度, ...

1、简单选择器1.1、元素选择器（也叫标签选择器) HTML代码：可以简单理解包含在中的标签，比如： 等等。 示例：元素选择器 /* 设置div标签背景为浅灰色 */div{ background-color: #ccc;...