下载地址：https://github.com/flukeout/css-diner 通过CSS餐厅来练习一些常用的选择器 第一关：元素选择器 plate plate元素 select the plates 第二关：元素选择器 bento bento元素 ...

CSS练习题的地址： https://www.classmarker.com/online-test/start/?quiz=mtc5f8e6ad96b730 ...

css3 的动画让 html 页面变得生机勃勃，但是如何用好动画是一门艺术，接下来我来以一个demo为例，来练习css3 animation。 我们先详细了解一下animation 这个属性。 animation-name 这是一个必填的选项，否则无法指定要执行哪一个动画 ...

客厅与餐厅隔断的表现形式有很多，所使用的材料也有很多种，在这里不可能全面地展示给大家。就先发布一些2012年最新的客厅与餐厅与隔断效果图。 客厅与餐厅隔断的表现形式有很多，所使用的材料也有很多种，在这里不可能全面地展示给大家。就先发布一些2012年最新的客厅与餐厅与隔断效果图 ...

餐厅统计的用餐信息如下： 餐费、小费、性别、吸烟习惯、用餐时段、用餐人数 目的：分析小费比例与其他因素的关系，出手最阔绰的人群长什么样？ ##思考： 根据到手的数据，简单分析小费比例可能与哪些因素产生关系？ 性别？吸烟习惯？用餐时段？用餐人数？ 1、导入数据 先导入数据，观察数据 ...

1. 前言 　　通过使用 html + css 编写一个简易的博客作为入门练习 2. 代码及实现 2.1 目录结构 2.2 代码部分 index.html article.html ...

CSS 新属性 clip-path，意味裁剪路径的意思，让我们可以很便捷的生成各种几何图形。 clip-path 通过定义特殊的路径，实现我们想要的图形。而这个路径，正是 SVG 中的 path 。 1、 简介 初始值：none 适用元素：所有元素；在SVG中，不适用于defs ...

1. 前言 　　通过使用 HTML + CSS 编写一个简易商城首页。 如图： 2. 布局思路 　　通过页面分析，大致可以决定页面的布局分为 5 大板块。 接下来，可以先定义页面的布局： 通过定义 5 个 div 将页面布局 ...