自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 jQuery零基础详细教程

2019/6/3再学jQuery,之前学的都忘记了,现在再次捡了起来,决定边学边记录,直到我学完为止jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。jQuery 很容易学习。直接在jQuery官网下载jQuery库http://jquery.com/jquery-1.12.4.min....

2019-06-03 18:24:00 172

转载 Ajax学习

1.什么是Ajax?AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。AJAX 不是新的编程语言,而是一种使用现有标准的新方法。AJAX = 异步 JavaScript 和 XML。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用...

2019-05-18 11:26:00 114

转载 get和post的区别

GET请求和POST请求的异同1、相同点:都是将数据提交到远程服务器2、不同点: 2.1提交数据存储的位置不同 GET请求会将数据放到URL后面 POST请求会将数据放到请求头中2.2提交数据大小限制不同 GET请求对数据有大小限制 POST请求对数据没有大小限制3、GET/POST请求应用场景 GET请求用于提交非敏感数据和小数据 POST请求用...

2019-05-13 22:46:00 144

转载 零基础学习PHP,详细教程

时间2019/5/13突然又想写博客了,于是记录一波。第一次接触PHP,属于小白中的小白,所以写得肤浅也不要见笑,毕竟路是一步一步走的。文章会持续更新的,一直到我学完为止。同样是小白的朋友可以关注一波,欢迎评论,一起学习。首先php是门后端语言,语法和JavaScript非常类似,用的编写工具是PHPstorm2019版本,可以直接官网下载然后直接破解就好。w...

2019-05-13 19:52:00 410

转载 CSS之绝对定位的居中对齐

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>绝对定位的居中对齐</title> <style> div{ width: 200p...

2019-04-06 22:57:00 373

转载 CSS之盒子通栏写法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>盒子通栏写法</title> <style> *{ margin: 0; ...

2019-04-06 10:09:00 759

转载 CSS之盒子左右布局

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>盒子左右布局案例</title> <style> .top, .banner, ...

2019-04-06 09:26:00 1736

转载 CSS之盒子上下布局

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>盒子上下布局案例</title> <style> .top, .banner, ...

2019-04-06 09:13:00 2172

转载 CSS之浮动

浮动(float)普通流(normal flow)这个单词很多人翻译为 文档流 , 字面翻译 普通流 或者标准流都可以。前面我们说过,网页布局的核心,就是用CSS来摆放盒子位置。如何把盒子摆放到合适的位置? CSS的定位机制有3种:普通流(标准流)、浮动和定位。html语言当中另外一个相当重要的概念----------标准流!或者普通流。普通流实际上就是一个网页内标签...

2019-04-05 21:45:00 96

转载 CSS之盒子中的不可避免的bug

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>盒子中的不可避免的bug</title> <style> /*这个bug就是两个盒子嵌套,小盒子用margin...

2019-04-05 20:32:00 125

转载 CSS之盒子阴影

盒子阴影语法格式:box-shadow:水平阴影 垂直阴影 模糊距离 阴影尺寸 阴影颜色 内/外阴影;前两个属性是必须写的。其余的可以省略。外阴影 (outset) 但是不能写 默认 想要内阴影 inset div { width: 200px; height: 200px; ...

2019-04-05 20:06:00 117

转载 CSS之圆角

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>圆角盒子</title> <style> .nav{ background-colo...

2019-04-05 19:59:00 64

转载 CSS之让盒子水平居中对齐

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>盒子居中对齐</title> <style> .nav{ width: 300px;...

2019-04-05 19:36:00 573

转载 CSS之新闻列表

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>新闻列表</title> <style> * { /* 清除内外边距,写样式时常用的*/ ...

2019-04-05 18:03:00 1424

转载 CSS之盒子的外边距(margin)盒子与盒子的距离

外边距(margin)margin属性用于设置外边距。 设置外边距会在元素之间创建“空白”, 这段空白通常不能放置其他内容。margin-top:上外边距margin-right:右外边距margin-bottom:下外边距margin-left:上外边距margin:上外边距 右外边距 下外边距 左外边取值顺序跟内边距相同。外边距实现盒子居中可以让一...

2019-04-05 17:15:00 2904

转载 CSS之链接属性

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>链接状态设置</title> <style> /*链接的几种状态都是有顺序的,必须是link、visited、...

2019-04-05 16:33:00 287

转载 新浪微博导航

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>新浪微博导航案例</title> <style> .nav { height: 50...

2019-04-05 16:28:00 350

转载 CSS之padding内边距

内边距(padding)padding属性用于设置内边距。 是指 边框与内容之间的距离。padding-top:上内边距padding-right:右内边距padding-bottom:下内边距padding-left:左内边距 注意: 后面跟几个数值表示的意思是不一样的。值的个数表达意思1个值padding:上下左右边距 比如pa...

2019-04-05 10:06:00 170

转载 CSS表格

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS表格</title> <style> table { width: 300px...

2019-04-05 09:53:00 67

转载 CSS之盒子边框

盒子边框(border)盒子宽: border-left+ padding-left + width + padding-right + border-right边框就是那层皮。 橘子皮。。柚子皮。。橙子皮。。。语法: border : border-width || border-style || border-color 边框属性—设置边框样式(borde...

2019-04-04 22:49:00 675

转载 CSS之半透明背景

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>背景半透明例子</title> <style> body { background-...

2019-04-04 22:33:00 122

转载 CSS之小购物车例子

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>小购物车例子</title> <style> a { width: 67px; ...

2019-04-03 22:59:00 96

转载 CSS之背景

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>display模式转换</title> <style> body { backgro...

2019-04-03 22:46:00 44

转载 CSS 三大特性

## CSS层叠性所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉比如先给某个标签指定了内部文字颜色为红色,接着又指定了颜色为蓝色,此时出现一个标签指定了相同样式不同值的情况,这就是样式冲突。一般情况下,如果出现样式冲突,则会按照CSS书写的顺序,以最后的样式为准。1. 样式冲突,...

2019-04-03 20:46:00 53

转载 CSS之导航栏例子

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>display模式转换</title> <style> .nav{ text-ali...

2019-04-03 20:14:00 82

转载 CSS之标签元素显示模式

块元素每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构搭建。常见的块级元素有:<h1>~<h6>、<P>、<div>、<ul>、<ol>等等块级元素的特点:(1)总是从新行开始(2)高度,行高、外边距以及内边距都可以控制。(3)宽度默认是容器的100%...

2019-04-03 15:41:00 101

转载 CSS字体及装饰

CSS字体详细介绍<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>CSS字体</title><style>/*通配符选择器,*号代表所有的意思。实际开发根本不会有人用的*/* {font-size: 50px; ...

2019-04-02 23:13:00 129

转载 CSS选择器

CSS选择器1、通配符选择器2、标签选择器3、类选择器4、id选择器5、复合选择器1、通配符选择器就一个*号,代表所有的意思。* {}2、标签选择器只能选择已有的标签,不是标签不能用,例如:h4 {text-align: center;}span {font-size: 100px;}3、类...

2019-04-02 22:23:00 59

转载 CSS三种模式

CSS的三种模式第一种行内式<caption><h4 style="color: deeppink; font-size: 25px;">何以解忧?多半只有暴富了</h4></caption>第二种内样式<style>th {color: forestgreen;}td{font-size: 14px;}tr{h...

2019-03-31 23:04:00 159

转载 HTML表格详细介绍

1、表格只有行和单元格没有列的说法,其中<tr>表示行,<td>表示单元格或者理解为列也行。 <th>表示表头标签,起到加粗和居中作用 2、border、cellspacing、cellpadding合称三参,默认为值为03、cellspacing表示单元格与表框的距离与单元格的距离,cellpadding表示单元格的大小 和内容和单元格的距离...

2019-03-31 22:22:00 257

转载 HTML表单详细介绍

1、<form action="" method="get"> action="url"将表单信息传递给服务器。 method提交方式有get/post两种,其中get提交后内容会显示在地址上,前提表单内要有name。 而post则隐藏,不会显示2、<label for="pf">标签就是增加体验效果,例如点击账号两个文字就会自动跳到输入框处,也可用通过id追踪。...

2019-03-31 22:20:00 74

转载 HTML中的列表

HTML列表标签分为三种:有序、无序、自定义列表先来无序列表有两个标签,<ul>和<li>标签,而且<ul>标签只能包含<li>标签,但是可以在<li>标签里面放别的标签<ul> <li>哈哈哈哈</li> <li>哈哈哈哈</li>...

2019-03-24 21:06:00 50

转载 HTML中的路径

路径分为两种,一种就是相对路径,一种就是绝对路径(现在不能用了)。相对路径:1、同一路径:例如图片与HTML文件在同一级<img src="1.jpg"/>这样既可找到图片2、相隔多级别的用反斜杠/隔开就可以了<img src="images/1.jpg"/>这样即可找到图片3、如果图片在HTML上一级路径...

2019-03-21 22:32:00 262

转载 HTML标签

<h1>标题标签只有六级一级最大</h1><h2>标题标签</h2><h3>标题标签</h3><h4>标题标签</h4><h5>标题标签</h5><h6>标题标签六级最小</h6><p>这是段落标签<...

2019-03-21 20:37:00 64

转载 html基本介绍

HTML超文本标记语言,一种描述网页的语言。//基本骨架<html> <head> <title> </title> </head> <body> </body></html><!DOCTYPE h...

2019-03-21 19:28:00 168

转载 点击按钮变换颜色

<!DOCTYPE html><!--suppress ALL --><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div {...

2019-03-20 20:27:00 828

转载 JS中的字符串

//字符串常用属性 var str = "ancdfrgb"; document.write(str.length + "<br>");//计算字符串的长度 document.write(str.charAt(3) + "<br>");//输出指定的字符,超出字符串则输出空 document.write(str.conc...

2019-03-18 20:43:00 81

转载 JS中格式化时间

//格式化时间 function getDate(dt) { // var dt = new Date(); var year = dt.getFullYear();//获取年 var month = dt.getMonth();//获取月 var day = dt.getDay();//获取日...

2019-03-18 19:08:00 109

转载 JS中Date()

//JS中的内置对象Date的使用 //直接输出现时现点时间 var today=new Date(); document.write(today);var today=new Date();document.write(today.toDateString()+"<br>");//英文格式document.write(today.toLoca...

2019-03-18 17:30:00 234

转载 JS中的内置对象Math的使用

//Math.max和Math.min的用法 var arr = [10, 20, 30, 48, 99, 101, 200]; var a = Math.max.apply(null, arr) document.write(a); //Math.min var arr = [10, 20, 30, 48, 99,...

2019-03-18 17:03:00 119

空空如也

空空如也

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

TA关注的人

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