摘要: <!DOCTYPE html><html><head> <title>多行换行</title> <style type="text/css"> div{ /*overflow溢出元素框,发生什么 hidden内容剪裁,余下内容不可见 scroll 内容剪裁,显示滚动条 visible默认值 不会剪裁 阅读全文
posted @ 2017-02-09 20:09 AdiaLike 阅读(594) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html><head> <title>文本省略,添加字体</title> <meta charset="utf-8"> <style type="text/css"> div{ font-family: myFont; overflow: hidden; white- 阅读全文
posted @ 2017-02-09 20:07 AdiaLike 阅读(237) 评论(0) 推荐(0) 编辑
摘要: 需要一种3*3格式的小图 <!DOCTYPE html><html><head> <title>边框背景</title> <style type="text/css"> div{ width: 26px; height: 26px; margin: 50px auto; border:dashed 阅读全文
posted @ 2017-02-09 20:05 AdiaLike 阅读(139) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html><head> <title>背景多图</title> <style type="text/css"> div{ height: 300px; width: 300px; border:dashed 20px; /*背景多图和写多个盒阴影的时候一样可以用逗号隔 阅读全文
posted @ 2017-02-09 19:44 AdiaLike 阅读(345) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html><head> <title>蒙版</title> <style type="text/css"> div{ width: 480px; height: 270px; border: solid 5px pink; background-image: url( 阅读全文
posted @ 2017-02-09 13:17 AdiaLike 阅读(838) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html><head> <title>背景定位</title> <style type="text/css"> div{ width: 700px; height: 500px; margin: 50px; border:dashed 20px; padding: 5 阅读全文
posted @ 2017-02-09 13:16 AdiaLike 阅读(138) 评论(0) 推荐(0) 编辑
摘要: 昨天,没有更新,因为调换班级的原因。可能我直接把源码放上去,对于有些自学的同学看到可能并不好用,但是可能目前还没有更好的方法,我把整理过后没有注释的代码放到了我的印象笔记里面,方便复习。以后会改将方法,希望对新人有所帮助。 <!DOCTYPE html><html><head> <title>盒子阴 阅读全文
posted @ 2017-02-09 13:15 AdiaLike 阅读(363) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html><head> <title>媒体查询练习</title> <meta charset="utf-8"> <style type="text/css"> div{ width: 600px; height: 600px; margin-top: 10px; m 阅读全文
posted @ 2017-02-07 20:52 AdiaLike 阅读(101) 评论(0) 推荐(0) 编辑
摘要: 刚开始,也不是很紧,想自己详细的规划一下课程,希望做这个博客能坚持能坚持,加油 <!DOCTYPE html><html><head> <title>viewport</title> <meta charset="utf-8"> <meta name="viewport" content="widt 阅读全文
posted @ 2017-02-07 20:51 AdiaLike 阅读(89) 评论(0) 推荐(0) 编辑
摘要: 选择从事H5这个方向,还是有很多迷茫的,很多本来还在纠结JAVA方向,后来确定从事HTML5希望能走的长远,也希望自己写的一些学习记录能给初学者一些帮助。 <!DOCTYPE html><html><head> <title>html5新特性</title> <meta charset="utf-8 阅读全文
posted @ 2017-02-07 13:27 AdiaLike 阅读(151) 评论(0) 推荐(0) 编辑