摘要：
我们通过学习 CSS3，能够创建多个列来对文本进行布局 ，就像报纸那样排版那样！ 可以参考详细说明：http://www.w3school.com.cn/css3/css3_multiple_columns.asp 如下多列属性： column-count：规定元素应该被分隔的列数。column-g 阅读全文
摘要：
大家看到好多电商网站都见过经典三列布局，它也叫做圣杯布局 ，是Kevin Cornell在2006年提出的一个布局模型概念，这个在国内最早是由淘宝UED的工程师传播开来，在中国也有叫法是双飞翼布局，它的布局要求有以下的几点： 1、三列布局，中间宽度就自适应，目的都是左右两栏固定宽度； 2、在执行代码 阅读全文
摘要：
这里简单说明一下@media 查询。 详细说明文档：http://www.runoob.com/cssref/css3-pr-mediaquery.html 使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。 @media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设 阅读全文
摘要：
这里主要用到了before与after属性之前之后 代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>画画</title> <style> #xing{ width: 100px; height: 80px; positi 阅读全文
摘要：
这个图形忘了在哪里见过的，不过见过有一些网站有这种图形。我这里做了一个简单的练习，希望帮到有需要的人。 代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>图形</title> <style type="text/css"> 阅读全文
摘要：
CSS实现单行、溢出显示省略号（…） 把要设置的显示省略号的标签，加上以下的属性 阅读全文
摘要：
做这个案例之前首先要大概了解CSS的transform的属性 transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。 看看效果图 打开的时候自动旋转，当鼠标经过的时候加快旋转速度，鼠标移开就恢复原来的速度。 参考代码：（为了美观可以自已加上一直背景 阅读全文
摘要：
初学HTML接触table少不了，但是实际应用的地方也有。 简单说明HTML <table> 标签 定义和用法 <table> 标签定义 HTML 表格。 简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。 border 定义表格 <tr> 元素定义表格行，< 阅读全文