超好用的移动框架

超好用的移动框架

超好用的移动框架--Ionic Ionic是一个轻量的手机UI库,具有速度快,界面现代化、美观等特点。为了解决其他一些UI库在手机上运行缓慢的问题,它直接放弃了IOS6和Android4.1以下的版本支持,来获取更好的使用体验。 (最近正在学习移动端项目制作,本文 ...
用css属性画出一棵圣诞树

用css属性画出一棵圣诞树

对于学习前端的童鞋,css的掌握是必须的。今天就来实现用css画出一棵圣诞树。主要练习的是css里面border的练习与掌握程度。在body创建一个主区域<div></div>:我们用border搭建的三角形在主区域内。改主区域的背景色:可以给设定一个高度 ...
input 属性radio中设置checked 不生效

input 属性radio中设置checked 不生效

同一个页面中有许多地方都用到了单选按钮并设置了默认选中 , 结果在运行的时候发现单选按钮没有被默认选中由于是复制然后修改个别属性 ,然后直接使用的 , 所以name值忘记修改了 , 单选框是根据name来判断选中 .修改前 类似这样:由于是多个地方使用单选按钮 , 将所有使用了单 ...
关于HTML5手机端页面缩放的问题

关于HTML5手机端页面缩放的问题

通常在写HTML5手机端页面的时候,我们会发现页面所显示元素的比例不正确,那此时我们需要添加的就是:<meta name="viewport" content="width=device-width,initial-scale=1&qu ...
【H5案例分享】Dr.魏的这波操作我赌你破解不了!

【H5案例分享】Dr.魏的这波操作我赌你破解不了!

品牌:超凡魔术师h5案例地址 id="Label4">1、内容:一个以”超凡魔术师“为主题的视频+回答类的推文,用户可以通过观看一段一个人物在表演魔术的视频,在其间用户可以选择两个选项中的一项与之进行互动。2、亮点:这篇推文最大的亮点是可以与用户进行互动 ...
提高网站可用性的十个实用小技巧

提高网站可用性的十个实用小技巧

2009-06-11 15:17 作者:oncoding 出处:天极网 责任编辑:盛晓莹   不论是企业网站、个人博客,或者购物网站、游戏 网站,我们都希望能吸引访问者并且给他们留下愉快的访问体验。  可用性是用户体验的一种度量,它可以用访问者完成 ...
HTML小技巧的一些小技巧

HTML小技巧的一些小技巧

转自CSDN:1.怎样定义网页语言(字符集)? 在制作网页过程中,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们用所见即所得的HTML工具时,都没有注意到这个问题,因为它是默认设置。要设置的语言可以 ...
设置元素水平、垂直居中的两种方式

设置元素水平、垂直居中的两种方式

做一个水平和垂直居中的模态弹框这么一个小需求,对于我们这些前端来说,应该是常事。  在css3出来以前,我们要想让元素既水平居中又要垂直居中只有一个办法(我能想到的),就是通过js计算,把它们定位到屏幕中间位置。这方法比较笨,也麻烦。   下面两种方式,可以让元素快速定位到屏 ...
css:focus伪类的使用

css:focus伪类的使用

css中:focus伪类的使用,即给已获取焦点的元素设置样式示例一<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l ...
img的属性alt 与 title的区别

img的属性alt 与 title的区别

当我们给图片加属性的时候,初学时,可能会弄混淆alt与title的区别,那么这两个的区别,我们可以从本意来看&mdash;&mdash; alt原词是&ldquo;Alternate&rdquo;,切换,替换的意思。常用的输入法切换会用到alt ...
web前端——10个妨碍进步的学习方式

web前端——10个妨碍进步的学习方式

1.前言从事web前端的人很多,每个人的学习方式,学习习惯基本不会一模一样!关于web前端(或者直接互联网),大家都知道,是做到老,学到老的一个行业。之前写文章的时候,我说过很多学习的方式和建议。今天换一下,说一下我个人不建议的学习方式,或者我个人觉得是妨碍进步的学习方式,希望大 ...
css:hover伪类的使用

css:hover伪类的使用

:hover的使用,即当鼠标指针移入元素时,所做出的样式设置示例一<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l ...
CSS之 relative 特性

CSS之 relative 特性

1. 自身特性: 如left,right,top,bottom定位都是相对于自身位置定位。 当left与right同时存在,lfet生效。 当top与bottom同时存在,top生效。 无侵入,保留原始位置,不会影响其他元素的布局。 可运用于《自定义拖拽》场景。2. relati ...
CSS之 absoulte 属性

CSS之 absoulte 属性

特性: absoulte 与 float 具有相同的特性:包裹性,与破坏性 absoulte 与 float 可以交替使用 不受 relative 限制的 absoulte 定位,行为表现上可以不使用 left/rig ...
CSS之  z

CSS之 z

层叠上下文: 三维概念,表示元素在Z轴的位置 层叠可嵌套,组合成一个分层次上下文 每个层叠上下文和兄弟元素独立,进行层叠变化或渲染时,只考虑后代元素 每个层叠上下是自成体系的层叠顺序1 background~border2 负z-index3 block盒子4 ...
CSS之 border 属性

CSS之 border 属性

特性 border-width 不支持百分比 border-color 默认颜色是 color border-color 透明值的作用:可利用增加可点击区域,利用内阴影做边框 border 应用: 坐等高布局,不支持百分比宽度 支持的关键字: t ...
作业01

作业01

(a)<html><head><title>你好</title></haed><body><a href="../fa/b.html">gotob</a><h ...
Css之relative特性

Css之relative特性

1. 自身特性: 如left,right,top,bottom定位都是相对于自身位置定位。 当left与right同时存在,lfet生效。 当top与bottom同时存在,top生效。 无侵入,保留原始位置,不会影响其他元素的布局。 可运用于《自定义拖拽》场景。2. relati ...
HTML之头部标签

HTML之头部标签

<header> head 元素元素包含了所有的头部标签元素 可以添加在头部区域的元素标签为: title,style,meta,link,script,noscript,base<title> 定义不同文档的标题。 定义了浏览器工具栏的标题。 当网页添加 ...
css3动画之圆形运动轨迹

css3动画之圆形运动轨迹

css3中通过@keyframes定义动画,animation设置动画属性,从而实现动画效果;在animation属性当中,可以规定动画的名称、整个动画的运行时间、运动的速度曲线以及其延迟时间、播放次数等。animationanimation作为一个复合属性,包括了以下动画属性。 ...
前端代码合集

前端代码合集

HTML5使用FileReader实现前端图片预览<input type="file"><br><img src="" height="200" alt="Image previe ...
学web前端开发写给新手的建议,超实用!

学web前端开发写给新手的建议,超实用!

01 前面的话如今我们使用的互联网,客户端与服务器端的交互无时无刻不在发生。比如我们在浏览器打开网页,浏览器就是客户端,将网页数据发过来的也就是服务器。其实服务器,并没有什么特别的,也就是一台昼夜不停运转的电脑罢了。每一台入网的机器,都会被分配一个ip,我们可以通过ipcon ...
bootstrap Table 服务端处理分页  后台是.net

bootstrap Table 服务端处理分页 后台是.net

要考虑函数可被可重复使用(调用),需要将可变化的变为参数封装起来function HQCreatTables(ob) { var option = { method: 'get', dataType: "json", striped: t ...
【原创干货】绝对地址和相对地址

【原创干货】绝对地址和相对地址

绝对地址和相对地址是网站开发基础知识中很重要的知识点。1.在网页中插入文件时,不可以使用硬盘的绝对路径 举个例子,在网页中插入图片,代码如下: <!DOCTYPE HTML><html><head><meta http- ...
[js高手之路]html5 canvas教程

[js高手之路]html5 canvas教程

在canvas中,要画出1px的线条,默认情况下是不行的 1 context.beginPath(); 2 context.moveTo( 100, 100 ); 3 context.lineTo( 400, 100 ); 4 context.clo ...
CSS设置背景透明字体不透明

CSS设置背景透明字体不透明

写CSS时给容器设置透明度的时候如果使用background-color: #000000;opacity: 0.5;这时会出现容器里的文字也跟着透明。解决办法是不用十六进制的色值和透明度分开写,使用background-color: rgba(000, 000, 000, 0. ...
导航栏链接点击后跳转,新页面相应的链接添加颜色

导航栏链接点击后跳转,新页面相应的链接添加颜色

html:<div > <ul> <li ><a href="a.html">aaa</a></l ...
css简单动画

css简单动画

这几天公司需要更新一个移动端web的页面,因为任务简单,就交给作为菜鸟新人的我来做。第一次接触css还是在14年刚上大一的时候跟着html一起学习的,之后就再也没有接触过。所以只好一边学习,一边完成任务(⊙﹏⊙)b 结构:java web项目中的WebCon ...
WSingle主题 – 可能是最好的WordPress小说主题,美观大方,功能强大

WSingle主题 – 可能是最好的WordPress小说主题,美观大方,功能强大

今天,waitig给大家带来了一款强大WordPress小说主题 – WSingle主题。一、概览WSingle主题2.0版本已经发布,点击查看详情:【重磅】WSingle主题2.0版本发布,新增专为小说站量身定制的纯静态HTML缓存模块——————————-分割线——————— ...
写给想成为前端工程师的同学们 —— 前端工程师是做什么的?

写给想成为前端工程师的同学们 —— 前端工程师是做什么的?

前端工程师是做什么的? 前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲,前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品,涵盖用户PC端、移动端网页,处理视觉和交互问题。从广义上来讲,所有用户终 ...
浅谈script标签中的async和defer

浅谈script标签中的async和defer

script标签用于加载脚本与执行脚本,在前端开发中可以说是非常重要的标签了。直接使用script脚本的话,html会按照顺序来加载并执行脚本,在脚本加载&执行的过程中,会阻塞后续的DOM渲染。现在大家习惯于在页面中引用各种的第三方脚本,如果第三方服务商出现了一些小问题, ...
HTTP错误代码大全

HTTP错误代码大全

HTTP出错大全101 - Switching ProtocolsTopSuccess Codes200 - OK201 - Created202 - Accepted203 - Non-Authoritative Information (for DNS)204 - No Co ...
a标签下载

a标签下载

<a href="存在问题.docx" download onclick="">下载</a> download 可以使路径的图片下载 ...
a标签下载

a标签下载

<a href="存在问题.docx" download onclick="">下载</a> download 可以使路径的图片下载 ...
打字效果动画实现方法

打字效果动画实现方法

方法一(纯css实现):html代码:<h1 class="typing typing-item">打字动画打字动画打字动画</h1>css样式:.typing{ font-size: 1rem; padding-top: 6%; ma ...
打字效果动画实现方法

打字效果动画实现方法

方法一(纯css实现):html代码:<h1 class="typing typing-item">打字动画打字动画打字动画</h1>css样式:.typing{ font-size: 1rem; padding-top: 6%; ma ...
会跳动的日历

会跳动的日历

一、简介编写一个会动的日历,日历上面有年月日,周几,时分秒,效果如下:年月日,周几,时分秒都会随着系统时间的走动而改变二、代码<!DOCTYPE html><html lang="en"><head> <meta ch ...
会跳动的日历

会跳动的日历

一、简介编写一个会动的日历,日历上面有年月日,周几,时分秒,效果如下:年月日,周几,时分秒都会随着系统时间的走动而改变二、代码<!DOCTYPE html><html lang="en"><head> <meta ch ...
css3实现钟表效果

css3实现钟表效果

利用css3 transform属性刻画钟表的的刻度以及指针的角度,代码如下:<head> <meta charset="UTF-8"> <title>Title</title> <style id=&qu ...
bootstrap模态框嵌套、tabindex属性、去除阴影

bootstrap模态框嵌套、tabindex属性、去除阴影

模态框嵌套在开发中,遇到需要通过点击事件触发第一个模态框,触发后通过事件唤起第二个模态框,并且通过事件触发第三个模态框;即模态框嵌套。模态框嵌套需要用一个模态框包裹所涉及嵌套的模态框,从而点击触发模态框不会乱掉。HTML代码如下:<!--最外层包裹的模态框-->< ...
Bootstrap源码解读之栅格化篇

Bootstrap源码解读之栅格化篇

版心(container)版心:class名为.container的容器,其版心的宽度在各个屏幕设备下是不一样的值,版心两边就是留白。 各尺寸下版心宽度如下表:屏幕设备版心宽度max-width:768pxxs 继承父元素宽度(即width:100%)min-width:76 ...
HTML5

HTML5

前言晚上逛论坛看到一篇对从事HTML5前端开发的文章写的非常不错,和目前的市场形势差不多,然后我在其基础上给大家进行加工总结一下分享给大家.今天我们谈论的话题是<<为什么从事HTML5前端开发越来越火,工资高,并且还涨的快>>,针对这个问题进行分析分析. ...
50个Bootstrap扩展插件

50个Bootstrap扩展插件

Bootstap这个框架本身已经包含了开发网页的众多要素,包括了常用的工具以及扩展组件,如果你在开发页面时觉得在某些方面还不够的话,不妨看看最新收集的50个Bootstrap扩展插件,这些插件在我们平时开发页面中经常会用到,从按钮、面包屑导航、日历、树形菜单、媒体播放器、以及可视 ...
HTML笔记note1

HTML笔记note1

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"><!--编码--> <title>我的第一个 ...
分歧者3 观后感

分歧者3 观后感

谢琳·伍德蕾(Shailene Woodley) 和 提奥·詹姆斯(Theo James)谢琳·伍德蕾(Shailene Woodley),1991年11月15日出生于美国加州,美国影视演员。五岁就被星探发掘,2002年开始,她在《寻 ...
WEB前端JS与UI框架

WEB前端JS与UI框架

前端Js框架汇总概述:  有些日子没有正襟危坐写博客了,互联网飞速发展的时代,技术更新迭代的速度也在加快。看着Java、Js、Swift在各领域心花路放,也是煞是羡慕。寻了寻.net的消息,也是振奋人心,.net core 1,mono,xamarin等等,但大多都还在狂吼的阶段 ...
序列帧动画

序列帧动画

最近有个客户想要做一个热点图片,但我对动画没有太多的接触,经过这几天的研究和上网查找资料,终于作了出序列帧动画。图片地址: &nbsp ><!doctype html><html lang="en"><head> ...
【css】css2实现两列三列布局的方法

【css】css2实现两列三列布局的方法

前言对于 flex 弹性布局相信大家都有所了解,它是 css3 中的属性,然而它具有一定的兼容性问题。楼主前几天面试时遇到了面试官需要设计一个两列布局,我当然就说父元素 flex 吧哩吧啦,然而需要用基本的 css2 中的属性布局,傻掉了。。。要求:两列布局,左边定宽,右边自适应 ...
前端HTML以及HTML5(基本标签)

前端HTML以及HTML5(基本标签)

前面一章介绍了一下前端的发展,这章简单介绍一下html的发展以及基本的标签。一、HTML的发展史  1、概念    超文本标记语言(HyperText Markup Language,简称HTML)是为 [ 网页创建和其他可在浏览器中看到的信息 ] 设计的一种标记语言。  2、相 ...
canvas鼠标拖动绘制图形

canvas鼠标拖动绘制图形

使用canvas 实现了用鼠标拖动绘制各种图形其中包括 矩形,圆形,箭头,画笔使用方法var paint = Ypaint(canvas)绘制圆形:paint.chooseCircle()圆形其他参数圆形的粗细 paint.outerParams.circle.lineWidth ...
第一页   上一页   下一页   末页
1/268页   共: 13365
网页设计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网页设计261网页设计262网页设计263网页设计264网页设计265网页设计266网页设计267网页设计268