单文件文件上传到服务器(HTML5+js+Java)

单文件文件上传到服务器(HTML5+js+Java)

上传单文件到服务器 应公司要求,在HTML5页面上实现 ...
css3 文本模型

css3 文本模型

我前期是一名前端开发者,经常会遇到关于文本模型的问题,很多地方我们会经常遇到这种问题。例如栏目的标题,在设计师给我们图的时候并不会考虑到标题的长度,所以我们自己开发的过程中自己注意这一点。首先和大家将一下文本模型的一些基本的属性然后再针对一些案例去解析<text>模型 ...
css border

css border

Border模型 ...
css高度已知,左右定宽,中间自适应三栏布局

css高度已知,左右定宽,中间自适应三栏布局

css高度已知,左右定宽,中间自适应三栏布局:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta nam ...
改变选择文字的color及background

改变选择文字的color及background

在一些特殊的网站中,常常会有着一些新奇的体验,在阅读网页的时候相信许多人都会和我一样有着一个习惯,把一些文字选中然后进行阅读,或者时要复制粘贴的时候选择文字对吧。然而无论是在ie,chrome,firefox,safari或者是以这些为内核的浏览器默认的选择文字都是蓝底白字吧.例 ...
我的启蒙

我的启蒙

HTML5  1.HTML5:万维网的核心语言,HTML规范的第五次重大修改.现在大部分网站的主流编译语言.学好HTML5是每一个前端的基础课,当然她也很简单  2.HTML5新增语义化标签(虽然很少用到,但是还是要说一下)    (1)<laomaoshi>老猫师: ...
CSS改网页鼠标指针、改指定元素指针(1)——代码部分

CSS改网页鼠标指针、改指定元素指针(1)——代码部分

要实现CSS改网页鼠标指针、改指定元素指针,我们应该首先了解以下内容:所有主流浏览器都支持 cursor 属性。注释:Opera 9.3 和 Safari 3 不支持 url 值。注释:任何版本的 Internet Explorer (包括 IE8)都不支持属性值 &qu ...
给单元素艺术添加动画

给单元素艺术添加动画

原文:Animating Single Div Art翻译:nzbin导读:学习工具的最好的方法就是尝试新技术,本文通过&ldquo;单元素艺术&rdquo;介绍了 CSS 变量的使用以及给单元素添加动画的几种方法。通过学习作者编写的复杂的&ldquo;单 ...
响应式web设计之@media

响应式web设计之@media

两种方式,一种是直接在link中判断设备的尺寸,然后引用不同的css文件:1<link rel="stylesheet" type="text/css" href="styleA.css" media=" ...
BFC简析

BFC简析

一、BOX模型box是CSS中布局的基本单位,而不同类型的box,会参与不同的Formatting Context(一个决定如何渲染文档的容器),box内的元素会以不同的方式渲染。block-level:display属性为blcok、table、list-item,会生成blo ...
CSS布局

CSS布局

在web页面布局中居中是我们常遇到的情况,而居中分为水平居中与垂直居中 文本的居中CSS中对文本的居中做的非常友好,我们是需要text-align, line-height 两个属性就可以控制文本的水平以及垂直居中 <head> <style type= ...
HTMLCSS——使用DIV和CSS完成网站首页重构

HTMLCSS——使用DIV和CSS完成网站首页重构

1、DIV 相关的技术   Div 它是一个 html 标签,一个块级元素(单独显示一行)。它单独使用没有任何意义,必须结合CSS来使用。它主要用于页面的布局。  Span 它是一个 html 标签,一个内联元素(显示一行)。它单独使用没有任何意义,必须结合CSS 来使用。它主要 ...
H5之audio标签放音兼容所有浏览器方法

H5之audio标签放音兼容所有浏览器方法

前端交流群,群文件提供大量文档、书籍和资料。期待你的加入!群号:127768464 由于项目需要,最近刚做了一个网页放音的功能,使用到了H5新标签<audio></audio>,但是audio只能支持IE8以上的 ...
清除浮动的几种方式

清除浮动的几种方式

不清除浮动会怎样?(1):背景不能显示 (2):边框不能撑开 (3):margin 设置值不能正确显示(4):下方内容往上移盖住浮动区域的内容 html代码:<div class="container"> <div class=" ...
25个Web前端开发工程师必看的国外大牛和酷站

25个Web前端开发工程师必看的国外大牛和酷站

逛了一周国外大牛们的博客与酷站,真是满满的钦佩、震撼、羡慕、惊喜&hellip;&hellip;&hellip;&hellip;Web设计是一个不断变化的领域,因此掌握最新的发展趋势及技术动向对设计师来说非常重要。无论是学习新技术,还是寻找免费资源 ...
CSS z

CSS z

理清 position及z-index的用法:static :  无特殊定位,对象遵循HTML定位规则absolute :  将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位。而其层叠通过z-index属性定义。此时对象不具有边距,但 ...
HTML5本地存储应用sessionStorage和localStorage

HTML5本地存储应用sessionStorage和localStorage

在html5之前,浏览器要实现数据的存储,一般都是用cookie,但是cookie有域名和大小限定. html5流行之后,可以通过localStorage和sessionStorage实现浏览器端的数据存储,这两者有什么特点呢?sessionStorage   session ...
CSS的position属性:relative和absolute

CSS的position属性:relative和absolute

relative:是相对于自己来定位的,例如:#demo{position:relative;top:-50px;},这时#demo会在相对于它原来的位置上移50px。如果它之前的元素也为relative并有偏移,则两个偏移不想加,relative只在它原本所在位置上进行偏移。r ...
electron打包成桌面应用程序的详细介绍

electron打包成桌面应用程序的详细介绍

1.前提条件 a. 安装了node b.安装了electron c.你知道自己写的东西(js,css,html等等)放在那个文件夹(假设这个文件夹命名为 app,下面会用到)中2.安装electron-packager a.在app文件夹中打开命令窗口(在空白处使用 ...
ASP.NET前台html页面对table数据的编辑删除

ASP.NET前台html页面对table数据的编辑删除

摘要:本来说这个企业的门户网站单纯的做做显示公司文化信息的,做好了老板说要新增在线办理业务,本来这个网站是基于别人的框架做的前台都只能用纯html来做。好吧上两篇我就写了table里面向数据库插入数据《ASP.NET前台html页面AJAX提交数据后台ashx页面接收数据》跟前台 ...
微信二次分享不显示摘要和图片的解决方法

微信二次分享不显示摘要和图片的解决方法

微信二次分享不显示摘要和图片的解决方法 解决不显示摘要和图片的问题,需要调用微信公众号的js-sdk的api ,需要前端和后台的配合,后台需要返回 appid (公众号的appid ) 、 timestamp (生成签名的时间戳) 、nonceStr (签名的随机字符串) ...
HTML常用标签总结

HTML常用标签总结

学习前端开发,第一步要学习的绝对是HTML。什么是HTML?HTML 是(Hyper Text Markup Language)四个单词的缩写,翻译过来就是超文本标记语言, 所以它不是一门编程语言,只是一门标记语言。学习html的第一步就是需要学习它的标签如何使用 ...
在WebGL场景中使用2DA*寻路

在WebGL场景中使用2DA*寻路

这篇文章将讨论如何在一个自定义的地面网格上进行简单的2D寻路,以及确定路径后如何使用基于物理引擎的运动方式使物体沿路径到达目标地点。读者需要预先对WebGL和Babylonjs知识有一些了解,可以参考我录制的WebGL入门视频教程和翻译的官方入门文档,当然也可以用自己喜欢的其他方 ...
css中代码格式以及@import的语法结构

css中代码格式以及@import的语法结构

CSS中代码格式CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制,属于表现层的布局语言。1.基本语法规范分析一个典型CSS的语句:p {COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中" ...
HTMLCSS——网站注册页面

HTMLCSS——网站注册页面

1、表单标签  所有需要提交到服务器端的表单项必须使用<form></form>括起来!  form 标签属性: action,整个表单提交的位置(可以是一个页面,也可以是一个后台 java 代码)           method,表单提交的 ...
HTML5语法基础学习笔记

HTML5语法基础学习笔记

1.行间样式给单独的标签添加样式.<div ></div>优点:比较方便可以即时的添加属性。缺点:修改属性非常麻烦、需要一个个去修改。2.内联样式表<style>div{ <!--选择器跟{}符号 属性写在里面-->}</s ...
本地存储与地理信息

本地存储与地理信息

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> ...
Canvas放置反弹效果随机图形

Canvas放置反弹效果随机图形

1 var raf; 2 var arror = []; 3 var running = false; 4 //绘制圆形 5 function createBall() { 6 return { 7 x: 0, 8 y: 0, 9 vx: 10-Math.rando ...
特殊的上下文选择符

特殊的上下文选择符

通过增删选择符熟练各个选择符的用法:(注:笔者FF浏览器在源码上注释一部分内容后并不能改变运行后的输出结果,必须删除要注释的内容才行)<!DOCTYPE html><html> <head> <styl ...
从零入手微信小程序开发

从零入手微信小程序开发

前言:哈哈,发现我写的随笔都是项目驱使的。当然,这篇也是项目驱使的咯,前段时间领导在玩微信时候发现了微信小程序的好处,流程,切换速度快等,然后就让小弟研究研究小程序的实现。补充下,博客大多都是处理项目上遇到的一些问题,而本人的GitHub则比较倾向于新知识点的搜集和运用,在此,补 ...
11个超震撼的HTML5和纯CSS3动画源码

11个超震撼的HTML5和纯CSS3动画源码

1.jQuery多功能手风琴个人信息菜单面板这是一款基于jQuery的手风琴个人信息菜单面板,每一个菜单项展开后可以自定义布局,因此可以为每一个菜单项实现多功能。类似这样的多功能菜单还有jQuery/CSS3大屏下拉菜单,非常实用。由于这款手风琴菜单是基于jQuery框架的,因此 ...
单页面响应式模板:黑石

单页面响应式模板:黑石

预览: 部分页面展示: 演示及下载: 演示地址 免费下载 更多模板请立刻访问 模板集市 介绍:单页面响应式模板,支持ipad,iphone浏览器兼容:现代浏览器(支持HTML5/CSS3)支持jQuery/Med ...
HTML Canvas:基本操作

HTML Canvas:基本操作

HTML5 CANVAS ELEMENTHtml5 canvas element<canvas id="myCanvas" width="500" height="300">Html5 canvas elem ...
4个另你爱不释手的神奇设计酷站

4个另你爱不释手的神奇设计酷站

一款高颜值纹理网站:The Pattern Library 哈哈哈发现了一个超高颜值在线下载纹理背景的网站,特别特别好玩儿!各种风格的都有!可以一张一张翻看,也可以点击右边最下方的浏览按钮,就可以浏览全部纹理了。网站素材均免费下载,下载下来的素材默认是png格式的四方连图案, ...
HTML基础——网站后台显示页面

HTML基础——网站后台显示页面

1、框架集标签:   <frameset rows="" cols="">     <frame src=""/>     <frame name=""/> ...
HTML5 Canvas:初始Canvas

HTML5 Canvas:初始Canvas

Canvas ,HTML 5中引入它,可以做很多事情:画图、动画、游戏开发等等。 Canvas 元素Canvas 中文翻译为:画布。 <canvas id=&rdquo;yourCanvasId&rdquo; width=&rdquo;3 ...
HTML基础——网站首页显示页面

HTML基础——网站首页显示页面

1、表格标签: border设置边框,align设置位置(居中等),bgcolor设置背景颜色,cellspacing设置边框之间的空隙,cellpadding设置边框与里面内容的间距。     <table border="" width=" ...
line

line

1、line-height定义line-height表示行高,即两行文字基线间的距离。以下是图示说明:行高是2条红线之间的距离,即:1+2+3+4在实际测量中,基线不好找,可测量顶线到顶线的距离来代替行高。2、行间距line-height 与 font-size 的计算值之差(在 ...
网页设计命名规范

网页设计命名规范

百度找的资料:网页设计命名规范一.网站设计及基本框架结构:网页设计命名规范1. Container“container“ 就是将页面中的所有元素包在一起的部分,这部分还可以命名为: “wrapper“, “wrap“, “page“.2. Header“heade ...
css before和after伪元素应用

css before和after伪元素应用

1、说明":before" 伪元素可以在元素的内容前面插入新内容。":after" 伪元素可以在元素的内容之后插入新内容。2、兼容性伪元素有2种写法,单冒号和双冒号,单冒号和双冒号作用是一样的。兼容性查看 >从上图看见:IE8浏览器只 ...
样式表   属性/背景

样式表 属性/背景

!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .font{ / ...
HTML基础——网站友情链接显示页面

HTML基础——网站友情链接显示页面

1、列表标签  有序列表:type默认是1,2,3……,reserved指降序排列      <ol type="I" start="" reversed="reversed">        &l ...
angular或者js如何确定选中ul中的哪几个li

angular或者js如何确定选中ul中的哪几个li

刚来新公司接到新的需求做一个知识库页面红色的是单选 蓝色的是多选 这些都是需要传递到后台的 开始不知道如何解决 下班后在家想到一个很巧妙的办法 不多说上代码 箭头所指就是在li里写一个隐藏的radio标签,把后台需要的id字段绑定 ...
label+input实现按钮开关切换效果

label+input实现按钮开关切换效果

label+input实现按钮开关切换效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta nam ...
CSS边框外的小三角形+阴影效果的实现。

CSS边框外的小三角形+阴影效果的实现。

...虽然是一个很小的问题,但其实还是挺实用的。实现一个边框外的角。用纯CSS来写。一开始实现的效果是这个样子的。 但是这个效果没有办法给他附带阴影,所以换了一种写法。实现成了这个样子想要实现这个小三角形,不适用icon ,用纯CSS写,其实是利用了border的特性来实现的 ...
HTML基础——网站图片显示页面

HTML基础——网站图片显示页面

1、图片标签  <img />   属性:     src:指的是图片显示的路径(位置)       绝对路径:D:\Pictures\Saved Pictures       相对路径:           ①同一级:直接写文件名称或者./文件名称 ...
html中title属性换行实现

html中title属性换行实现

本文主要讲解titile属性换行的实现方式。<title> 元素可定义文档的标题,可以应用在img、a等标签上。1、实现方式:<!DOCTYPE html><html lang="zh"> <head> ...
box

box

1、box-sizing属性功能官方说明文档为:http://www.w3school.com.cn/cssref/pr_box-sizing.aspbox-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。通俗来说就是:定义盒模型尺寸。box-sizing属性有一 ...
HTML基础——网站信息显示页面

HTML基础——网站信息显示页面

1、语法和规范HTML文件都是以.html或者.htm结尾的。建议使用.html结尾。 HTML文件分为头部分(<head></head>)和体部分(<body></body>) HTML标签都是由开始标签和结束标签组成。(< ...
bootstrap无间距栅格/grid no

bootstrap无间距栅格/grid no

/*bootstrap无间距栅格*/.row.no-gutter { margin-left: 0; margin-right: 0;}.row.no-gutter [class*='col-'] { padding-right: 0; padding-l ...
第一页   上一页   下一页   末页
1/260页   共: 12964
网页设计1网页设计2网页设计3网页设计4网页设计5网页设计6网页设计7网页设计8网页设计9网页设计10网页设计11网页设计12网页设计13网页设计14网页设计15网页设计16网页设计17网页设计18网页设计19网页设计20网页设计21网页设计22网页设计23网页设计24网页设计25网页设计26网页设计27网页设计28网页设计29网页设计30网页设计31网页设计32网页设计33网页设计34网页设计35网页设计36网页设计37网页设计38网页设计39网页设计40网页设计41网页设计42网页设计43网页设计44网页设计45网页设计46网页设计47网页设计48网页设计49网页设计50网页设计51网页设计52网页设计53网页设计54网页设计55网页设计56网页设计57网页设计58网页设计59网页设计60网页设计61网页设计62网页设计63网页设计64网页设计65网页设计66网页设计67网页设计68网页设计69网页设计70网页设计71网页设计72网页设计73网页设计74网页设计75网页设计76网页设计77网页设计78网页设计79网页设计80网页设计81网页设计82网页设计83网页设计84网页设计85网页设计86网页设计87网页设计88网页设计89网页设计90网页设计91网页设计92网页设计93网页设计94网页设计95网页设计96网页设计97网页设计98网页设计99网页设计100网页设计101网页设计102网页设计103网页设计104网页设计105网页设计106网页设计107网页设计108网页设计109网页设计110网页设计111网页设计112网页设计113网页设计114网页设计115网页设计116网页设计117网页设计118网页设计119网页设计120网页设计121网页设计122网页设计123网页设计124网页设计125网页设计126网页设计127网页设计128网页设计129网页设计130网页设计131网页设计132网页设计133网页设计134网页设计135网页设计136网页设计137网页设计138网页设计139网页设计140网页设计141网页设计142网页设计143网页设计144网页设计145网页设计146网页设计147网页设计148网页设计149网页设计150网页设计151网页设计152网页设计153网页设计154网页设计155网页设计156网页设计157网页设计158网页设计159网页设计160网页设计161网页设计162网页设计163网页设计164网页设计165网页设计166网页设计167网页设计168网页设计169网页设计170网页设计171网页设计172网页设计173网页设计174网页设计175网页设计176网页设计177网页设计178网页设计179网页设计180网页设计181网页设计182网页设计183网页设计184网页设计185网页设计186网页设计187网页设计188网页设计189网页设计190网页设计191网页设计192网页设计193网页设计194网页设计195网页设计196网页设计197网页设计198网页设计199网页设计200网页设计201网页设计202网页设计203网页设计204网页设计205网页设计206网页设计207网页设计208网页设计209网页设计210网页设计211网页设计212网页设计213网页设计214网页设计215网页设计216网页设计217网页设计218网页设计219网页设计220网页设计221网页设计222网页设计223网页设计224网页设计225网页设计226网页设计227网页设计228网页设计229网页设计230网页设计231网页设计232网页设计233网页设计234网页设计235网页设计236网页设计237网页设计238网页设计239网页设计240网页设计241网页设计242网页设计243网页设计244网页设计245网页设计246网页设计247网页设计248网页设计249网页设计250网页设计251网页设计252网页设计253网页设计254网页设计255网页设计256网页设计257网页设计258网页设计259网页设计260