![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html5
文章平均质量分 66
郭胜_自强
这个作者很懒,什么都没留下…
展开
-
html5css3利用伪类做小图标
利用伪类做小图标 @font-face { font-family: 'guosheng'; src: url('fonts/iconfont.eot'); src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'), url('fonts/iconfont.woff') form原创 2018-02-01 16:19:16 · 3549 阅读 · 1 评论 -
css3 flexbox布局
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>css3flexbox布局</title> <style type="text/css"> *{margin:0;padding:0;}原创 2018-03-05 13:59:55 · 222 阅读 · 0 评论 -
node.js非常简单实现登录注册功能-学习小demo
const http = require("http");const fs = require("fs");const querystring = require("querystring");const urlutil = require("url"); var user = {};http.createServer(function(req,res){ //解析数据 va...原创 2018-03-12 15:28:43 · 1363 阅读 · 2 评论 -
jquery mobile 应用案例
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name=&原创 2018-03-05 11:39:25 · 8456 阅读 · 0 评论 -
css3的按钮效果,学习来的
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>css3的按钮效果</title> <style type="text/css"> *{margin:0;padding:0;}原创 2018-03-01 11:45:49 · 401 阅读 · 0 评论 -
html5css3:利用圆角做留言头像,鼠标经过加头像旋转
利用圆角做留言头像,这是我的写法,很低 body{ background: #FFDEAD; } div{ width:200px; height:200px; margin:50px auto; border-radius: 50% 50%; border:15px solid rgba(111,111,111,0.1); }原创 2018-01-30 10:39:34 · 497 阅读 · 0 评论 -
html5css3:过渡transition 2d转换transform translate移动 scale缩放 rotate旋转
体验一下过渡效果 div{ width:100px; height:100px; background:navajowhite;margin:100px auto; border-radius: 15px;box-shadow: 3px 3px 3px 3px #FFC0CB; transition:all 1s ease-in 0s; } div:原创 2018-01-30 10:13:05 · 593 阅读 · 0 评论 -
html5css3:盒子内减属性
盒子内减属性 div{width:300px;height:300px;background:pink;margin:30px auto; border-radius:15px; box-shadow: 2px 2px 2px 2px #CCCCCC;} div:first-child{padding:30px;} div:last-child{ paddin原创 2018-01-30 09:54:50 · 2439 阅读 · 0 评论 -
html5css3动画小小demo旋转的盒子
旋转的盒子 img{ animation:go 2s linear infinite; display:block; margin:100px auto; } @keyframes go{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg原创 2018-02-01 16:53:09 · 1670 阅读 · 0 评论 -
html5css3认识动画
认识动画 div{ width:200px; height:200px; background: goldenrod; position:absolute; left:0; right:0; animation:donghua 3s infinite; } /*@keyframes donghua{ from{原创 2018-02-01 16:41:31 · 231 阅读 · 0 评论 -
面试题:用table显示n条记录,样式要求,每隔三行换一种颜色
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <table border="" cellspa原创 2018-04-20 14:27:07 · 777 阅读 · 0 评论