html
无毒无害
牛逼哄哄
展开
-
HTML简单的布局技巧
开发工具与关键技术: DW、前端 作者:梁锦豪 撰写时间:2019/1/16 div:在学习html的第一步就是学习如何去布局,要做到代码的可读性高,所以容器与容器之间要层级分明,如图: 如果杂乱无章,将很难判断它们之间的关系,如图: 最好用响应式的布局,那就可以兼容手机端,否则在手机端上样式布局就会出现错乱。响应式布局首先要引入bootstrap插件,然后在标签里加入这句代码,在容器con...原创 2019-01-19 15:27:57 · 1446 阅读 · 0 评论 -
Html颜色颜色选择器小技巧
开发工具与关键技术: DW、前端 作者:梁锦豪 撰写时间:2019/1/16 我们在做页面的时候一般用ps的拾色器; 其实在HTML的颜色选择器中也存在拾色器: 使用的方法是按住图标(也就是黄色圈圈的那个)不要松开鼠标左键, 拖到你要拾色的位置,再松开鼠标。 我们还可以设置颜色的透明度: 最后一个值就是透明度,也可以通过图上的滚动条来设置。 也可以进行颜色的保存记录: 把你想要的保存或记录...原创 2019-01-19 15:36:15 · 3086 阅读 · 0 评论 -
伪类与计时器的结合使用
开发工具与关键技术: DW、前端 作者:梁锦豪 撰写时间:2019/1/16 我们可以将伪类(hover)与计时器结合使用达到一些,想要的动画效果比如我们老师 教我们的口风琴例子: 先将一个个盒子沿X轴隐藏; 然后给其加沿X轴出现的伪类hover 设置每个小盒子出现的时间,也就是添加计时器: 看起来每个盒子出现的时间都不相同,从而达到口风琴的效果。 当然可以设置显示和隐藏,也可以设置...原创 2019-01-19 15:47:28 · 125 阅读 · 0 评论