飞叶飞花

摘要： input 联动效果 input舍弃了输入框，感觉好“好玩”！ 二级菜单 贴个我以前做的效果图，一般PC端多用鼠标移入：hover出现二级菜单，input通过鼠标点击出现，PC端和移动端（移动端木有鼠标...）都适用 HTML代码如下： 1 <header> 2 <nav> 3 <input typ 阅读全文

摘要： 砸金蛋样式 实现样式： 1、鼠标移入后，鼠标样式图标变为“锤子”。 2、用户砸金蛋，锤子简单的扬起效果。 3、砸碎金蛋，显示内容。 分析实现步骤： 1、在html中插入一颗金蛋 找一张静态图片或带一点效果的动态图，直接放入img标签即可。 2、鼠标移入，改变鼠标样式图标 系统自带的鼠标样式就那几种， 阅读全文

摘要： Flex之五筒布局：想去哪儿就去哪儿 上手就会 直接上问题： 实现一个容器五个项目，按麻将五筒位置布局 HTML代码，简单的一个article（容器），五个section（布局） 一般人正常思维CSS代码 得到结果 还剩最后一步，把2号移动到正中间， Flex容器和项目各有六个属性，你会发现无论怎么 阅读全文

摘要： CSS画出三角形与圆形小技巧 有时候或许想要一个小三角或一个圆形，手里又没有图标，可以利用CSS直接在页面中添加三角形或圆形 画三角形 step1:宽高为零 width:0px; height:0px; step2:设置边框颜色，尺寸，类型只能是solid实线哦 border:颜色 尺寸 solid 阅读全文

摘要： table表格标签 用于在HTML中生成一个二维表格，用于展示相应的信息：XXX管理系统、购物车等。 一、主要元素 table标签主要元素如下表格所示 其中说到不可省略，说明有些是可以省略的哦，如caption（标题）、tfoot元素，一般都可以省略不写，也可以说用不到。 二、主要属性 1.bord 阅读全文

摘要： 常用列表标签 在书写HTML文档时，遇到相同类型的内容，需要考虑用列表来实现（导航、排名、相关文章等）， 通常情况下使用的列表有三种，有序列表、无序列表和自定义列表。 一、有序列表ol 有序列表：有一定时间、先后、高低等顺序，如排名、热度， ol，order list只有一个类型的子元素li，lis 阅读全文