仿PHP中文网Flex布局实战 做完效果： html代码：

Flex项目属性一、Flex父元素属性1. display用来定义一个 flex 容器。如果设置为 flex 则容器呈现为块状元素，设置为inline- flex 则容器呈现为行内元素。CSS 代码: .container { ...

传统布局与Flex布局一、传统布局1.浮动布局 实例1：(基于浮动的二列布局) 基于浮动的二列布局 header, aside, main, footer { backgr...

css背景设置和阿里图标的引用一、css背景颜色 实例1： div{ width:400px; height:400px; border:1px solid #000; padding:20px; }

浮动与布局一、浮动1.浮动的原理： 浮动会使元素漂浮再没有设置浮动的元素上面，它默认会把行元素转换成块元素 没有浮动之前，块元素都是垂直排列，浮动之后块元素会水平排列 浮动的元素会从文档流中脱离出来（意思是它会释放它原来在文档中占据的空间） 元素浮动...

盒模型与元素大小的计算一、盒模型 用实例演示一下:

表格与表单实战练习一、表格(购物车) 代码：

CSS选择器一、简单选择器1. 元素选择器：标签选择器实例： body { background-color: red; }浏览器显示结果： 2. 类选择器：对应着html中的class属性实例： .box{ ...

导航下拉菜单一、 css样式表1. 内联样式CSS内联样式 2. 元素标签 ...

HTML页面的文档结构与HTML元素的三大通用属性一、HTML5文档结构