自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 数据库简单的数据导入,导出

数据备份:1.导出表Select * from 表名 into outfile “D:/myTable.txt”; /*到出数据表的数据到指定文件中*/ 你的后缀不同,就会生成不同的文件 .doc .xhl ....2.导出数据库(这些在DOS命令下输入)mysqldump -uroot –p123456 数据库名> 盘符:/文件名.sql mysqldump -u

2017-09-25 14:45:29 361

原创 外键约束笔记

|-----回忆一下已经讲过的约束条件?主键约束: primary key唯一约束: unique非空约束: not null检查性约束: check(条件)默认约束: default 默认值|-----创建一张学生表,含有id(主键,自增长),name(唯一),age(大于18小于60),sex(默认为男),班级 创建一张班级表,含有id(主键,自增长),班名. cr

2017-09-25 14:39:57 255

原创 数据库基础笔记

extent  插件开发的方法掌握一门服务器端技术  就可以加分工作中----更好做前端交互MySQLPHP网络协议---------------web程序架构客户端PC端浏览器 + 移动端浏览器=====响应式自动响应  页面 调整页面大小其他终端  比如电影院 售票机器,提款机,智能电视服务器端企业级软件  JavaEES互联网开

2017-09-24 10:56:22 2677

原创 canvas动态时钟(老师写的)

html>head> title>动态时间.htmltitle> meta charset="UTF-8"> meta name="keywords" content="keyword1,keyword2,keyword3"> meta name="description" content="this is my page"> meta name="con

2017-09-21 17:21:34 403

原创 @media 媒体查询

CSS3的媒体类型(在响应式会使用)参看这篇文章(非常合适初学者)https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Media_queries自己测试内容及总结1.CSS2的一些引入媒介类型的方式(感觉没有CSS3的好使) 1.未指定media: 默认为all[任何设备]2.#div1{color:red;

2017-09-21 08:44:10 351

原创 2d 3d 转换的补充

1.沿着点旋转旋转(2d和3D基本相同) 是沿着自己的中心旋转的()可以通过transform-origin:来更改旋转中心transform: rotate(60deg);2.沿着轴做旋转,transform: skew(0deg,20deg);//skew(X轴旋转,Y轴旋转)这个之前没怎么使用元素自己为中心.创建3维坐标轴(与浏览器坐标轴相同)之后

2017-09-20 16:00:59 201

原创 translate 的50%是相对于自己的

head> meta charset="UTF-8"> title>Titletitle> style> /*translate 的50%是相对于自己的 子元素的百分比高度是根据父元素的高度来确定的, 所以只要设置了父元素的高度,子元素的高度百分比才会有用。 但是(之前没想那么多) trans

2017-09-19 19:42:32 2572

原创 渐变测试

style> div:nth-of-type(1){ width: 100%; height: 600px; /* background: linear-gradient(to left,red 10%,yellow 70%,green 10%); 这个百分

2017-09-19 17:30:37 748

原创 bachground-image背景渐变笔记

background-image的衍生渐变,用的不是很多(之间PS多好,费这事儿)1。渐变 (按钮的背景,线性,径向,重复渐变)   配合background-size:30% 100%;  实现进度条填充,美滋滋渐变语法background-image:取值:linear-gradient(value)---->线性radial-gradient(

2017-09-19 17:15:51 459

原创 CSS3多个背景图片和之前背景的笔记

在CSS3 中可以设置多个背景图片类似于下面这种background-image: url("images/bg3.png"),url("images/bg2.png"),url("images/bg1.jpg");中间使用","隔开我想使用背景的其他属性怎么给..每一个背景设置相关样式呢....同样使用","隔开background-repeat: no-repeat

2017-09-19 17:06:16 1350

原创 CSS动画的初步使用(好像比jQuery流畅)

style> /*1.定义动画*/ @-webkit-keyframes myKey { 0% { width: 100px; } 5% { width: 200px; } 100%

2017-09-18 16:49:23 407

原创 CSS 动画 过渡

CSS 3 高级1.转换(3D ,2D)转换的简介,转换即变形1.转换属性 transform:none(默认值) /‘transform-function(转换函数)’   空格来分割多个转换函数(transform-function())2.转换原点(默认中心点)属性:transform-origin:取值:按照元素左上点为(0,0)  可以给px 或者百分比或者关

2017-09-18 16:33:38 629

原创 css colum 列设置

head> meta charset="UTF-8"> title>Titletitle> style> /* 1.column-count:整数; 列数 -webkit-column-count:3; -moz-column-count:3; 2.column-gap:

2017-09-18 15:59:26 688

原创 CSS3 计数器的使用

head> meta charset="UTF-8"> title>Titletitle> style> body{ counter-reset: myCounter 100; /*定义计数器名字 100 就是从100 开始*/ } p{ counter-increment

2017-09-18 15:47:29 475

原创 :before content(在之前追加文字)

1.内容生成通过CSS属性向HTML文本片段追加新元素1.伪元素:before       :after2.内容生成属性  --- contentcontent取值:文本,字符串,图像,url(函数),计数器-------------------------------------------案例head> meta charset="U

2017-09-18 15:37:31 2762

原创 @font-face

head> meta charset="UTF-8"> title>自定义字体title> style> @font-face { font-family: myFont; src: url("font/jianzhi.ttf"); } style>head>body> p

2017-09-18 14:54:24 468

原创 border-image

head> meta charset="UTF-8"> title>Titletitle> style> div { width: 500px; height: 500px; border: 30px solid red; border-image: url(im

2017-09-18 14:51:17 516

原创 使用canvas 绘制时钟

三种思路MDN 的案例作参考https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Basic_animations我实现的效果,1.使用  save   restore  rotate translate代码html lang="en">head> meta

2017-09-17 08:31:16 405

原创 关于下拉菜单的问题

之前解决方案(苏宁案例事件所引发)目的点击输入框子菜单现实点击子菜单,子菜单不消失,输入框失去焦点点击其他地方,子菜单小时我的之前下拉菜单0.设置一个主容器主容器包含input 和子菜单display:inline-block  自适应1.主菜单就是一个 inputinput聚焦时,子菜单显示主容器被拉伸2.点击主容器中的元素,子菜单

2017-09-12 09:36:25 282

转载 input[type=range]填充进度条问题

input[type=range] {            -webkit-appearance: none; /*清除系统默认样式*/            width: 100%;            background: -webkit-linear-gradient(left,red, yellow) no-repeat, #ddd;            heigh

2017-09-12 09:34:32 3519

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除