自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

小魔龙

前端HTML

  • 博客(15)
  • 收藏
  • 关注

原创 放大镜效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>tab切换+放大镜效果</title> <link rel="stylesheet" type="text/css&quot

2018-07-11 09:09:09 267

原创 点名册

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>04.抽奖</title> <style>  *{   margin:0;   padding:0;  }  body{   backgro

2018-07-11 09:06:39 1023

原创 js中的弹幕效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>01_弹幕.html</title> <style>  *{   margin: 0px;   padding: 0px;  }  body

2018-07-11 09:04:33 658

原创 页面实时显示时间

!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>03_页面实时显示时间.html</title> <style>  #colock{   width: 280px;   height: 80px;   b

2018-07-11 08:52:26 1166

原创 倒计时运行代码

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> h1{ display: inline-block; } body{ font-size:

2018-07-11 08:50:44 758

原创 验证密码

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <form action="

2018-07-11 08:43:57 178

原创 正则表达式验证密码弱、中、强度

<!DOCTYPE html><html><head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <title></title>    <meta charset="ut

2018-07-11 08:42:53 1234

原创 表单元素

一,表单元素     what:用于收集用户信息的元素,书写与表单当中     when:登录注册,编辑个人信息,搜索......     why:主要用于人机交互,收集用户信息     how:下边精讲     1,input标签          收集用户信息的输入框,根据不同的type值,显示不同的形态,拥有不同的功能,单标签,自封闭标签,             1)单行文本标签     ...

2018-03-06 17:41:32 194

原创 基础表格

一,基础表格  1,合并单元格   rowspan:跨行合并;将垂直方向上的两个或多个单元格合并为一个单元格   colspan:跨列合并;将水平方向上的两个或者多个单元格合并为一个单元格   心得:    1)先确定合并几个单元格,分别在哪里,谁跟谁合并    2)确定跨行合并夯实跨列合并     3)在被合并单元格的第一个中写合并属性,合并几个单元格,删除后

2018-01-30 17:01:49 359

原创 web响应模式和开发命名模式

一,web请求响应模式和项目开发命名规范: 解析工具:浏览器中一个程序完成解析,这个程序叫做浏览器引擎 HTML文档与DTD和浏览器引擎之间的关系:  HTML文档:一堆用户看不懂的代码,等待浏览器引擎解析  浏览器引擎:根据DTD声明将html代码解析成图形界面,用户看得懂,  DTD:定义了文档的规范,规定使用哪一个html版本解析, 项目命名规范:  建一个项目:

2018-01-30 16:55:23 392

原创 基础标签

一,基础标签  1,标签    为文本添加段落语义,双标签,可以自动为段落添加段间距,文本中的空白会被忽略,    空白折叠:HTML语法对空白换行tab这些空白字符不敏感,HTML会将这些空白字符折叠成一个小空格,    &nbsp:空格    标签:换行     \n回车 \r换行 \t制表符 tab:这些在html语法中不好使,    属性:align(对齐方式)

2018-01-26 13:52:08 422

原创 基础标签

一,基础标签    1)项目文件组织形式;    首页:index.html    子页面放进html文件夹,    css文件放进css文件夹    JS文件放进JS文件夹    图片放进images文件夹    库以及其他文件放进lib文件夹  2)标签的分类    标签按照功能可以分为以下几类;      基础标签、格式标签、表单标签、框架标签、图像标

2018-01-24 16:42:27 333

原创 基础标签

一,基础标签  1,p标签    语义,为文本添加段落,文章中的段落,都是由p标签包裹的,    特点:能够自动的为段落添加段间距    语法:content;是一个双标签,闭合标签      2,img标签    语义:引导一张图片,在文档中嵌入图片属性    语法:自闭合标签,单标签    属性:     五大属性:src alt title width h

2018-01-24 16:28:23 197

原创 HTML基本语法

一,html基本语法  1,标签分类    闭合标签(双标签):      成对出现,前边的(<a href="#">)叫做开始标签,后边的()叫做结束标签,开始标签与结束标签之间的是   内容      eg:       contnt大标题    自封闭标签(单标签,自封闭标签)   单标签没有内容,只有开始标签,结束标签就是开始标签,在开始标签中自行封

2018-01-23 10:39:31 247

原创 sublime的使用

一,sublime的使用 1,快捷键:  ctrl+滚轮/ctrl+ +-:放大缩小;  ctrl+s:保存文档;  ctrl+c:复制  ctrl+v:粘贴;  ctrl+k+b:隐藏显示左边侧边栏;  ctrl+shift+d:复制当前行到下一行;  ctrl+shift+k:删除当前行;·  ctrl+z:撤销上一步操作;  ctrl+shift+z:

2018-01-22 20:10:07 746

空空如也

空空如也

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

TA关注的人

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