你的位置:首页 > 网页设计
input 属性radio中设置checked 不生效
同一个页面中有许多地方都用到了单选按钮并设置了默认选中 , 结果在运行的时候发现单选按钮没有被默认选中由于是复制然后修改个别属性 ,然后直接使用的 , 所以name值忘记修改了 , 单选框是根据name来判断选中 .修改前 类似这样:由于是多个地方使用单选按钮 , 将所有使用了单 ...
关于HTML5手机端页面缩放的问题
通常在写HTML5手机端页面的时候,我们会发现页面所显示元素的比例不正确,那此时我们需要添加的就是:<meta name="viewport" content="width=device-width,initial-scale=1&qu ...
【H5案例分享】Dr.魏的这波操作我赌你破解不了!
品牌:超凡魔术师h5案例地址 id="Label4">1、内容:一个以”超凡魔术师“为主题的视频+回答类的推文,用户可以通过观看一段一个人物在表演魔术的视频,在其间用户可以选择两个选项中的一项与之进行互动。2、亮点:这篇推文最大的亮点是可以与用户进行互动 ...
提高网站可用性的十个实用小技巧
2009-06-11 15:17 作者:oncoding 出处:天极网 责任编辑:盛晓莹   不论是企业网站、个人博客,或者购物网站、游戏 网站,我们都希望能吸引访问者并且给他们留下愉快的访问体验。  可用性是用户体验的一种度量,它可以用访问者完成 ...
HTML小技巧的一些小技巧
2017-10-20 10:00:21

HTML小技巧的一些小技巧

转自CSDN:1.怎样定义网页语言(字符集)? 在制作网页过程中,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们用所见即所得的HTML工具时,都没有注意到这个问题,因为它是默认设置。要设置的语言可以 ...
设置元素水平、垂直居中的两种方式
做一个水平和垂直居中的模态弹框这么一个小需求,对于我们这些前端来说,应该是常事。  在css3出来以前,我们要想让元素既水平居中又要垂直居中只有一个办法(我能想到的),就是通过js计算,把它们定位到屏幕中间位置。这方法比较笨,也麻烦。   下面两种方式,可以让元素快速定位到屏 ...
css:focus伪类的使用
2017-10-19 19:00:09

css:focus伪类的使用

css中:focus伪类的使用,即给已获取焦点的元素设置样式示例一<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l ...
img的属性alt 与 title的区别
当我们给图片加属性的时候,初学时,可能会弄混淆alt与title的区别,那么这两个的区别,我们可以从本意来看&mdash;&mdash; alt原词是&ldquo;Alternate&rdquo;,切换,替换的意思。常用的输入法切换会用到alt ...
web前端——10个妨碍进步的学习方式
1.前言从事web前端的人很多,每个人的学习方式,学习习惯基本不会一模一样!关于web前端(或者直接互联网),大家都知道,是做到老,学到老的一个行业。之前写文章的时候,我说过很多学习的方式和建议。今天换一下,说一下我个人不建议的学习方式,或者我个人觉得是妨碍进步的学习方式,希望大 ...
css:hover伪类的使用
2017-10-19 16:00:09

css:hover伪类的使用

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

CSS之 relative 特性

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

CSS之 absoulte 属性

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

CSS之 z

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

CSS之 border 属性

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

作业01

(a)<html><head><title>你好</title></haed><body><a href="../fa/b.html">gotob</a><h ...
Css之relative特性
2017-10-19 13:00:16

Css之relative特性

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

HTML之头部标签

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

css3动画之圆形运动轨迹

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

前端代码合集

HTML5使用FileReader实现前端图片预览<input type="file"><br><img src="" height="200" alt="Image previe ...
学web前端开发写给新手的建议,超实用!
01 前面的话如今我们使用的互联网,客户端与服务器端的交互无时无刻不在发生。比如我们在浏览器打开网页,浏览器就是客户端,将网页数据发过来的也就是服务器。其实服务器,并没有什么特别的,也就是一台昼夜不停运转的电脑罢了。每一台入网的机器,都会被分配一个ip,我们可以通过ipcon ...
bootstrap Table 服务端处理分页  后台是.net
要考虑函数可被可重复使用(调用),需要将可变化的变为参数封装起来function HQCreatTables(ob) { var option = { method: 'get', dataType: "json", striped: t ...
【原创干货】绝对地址和相对地址
绝对地址和相对地址是网站开发基础知识中很重要的知识点。1.在网页中插入文件时,不可以使用硬盘的绝对路径 举个例子,在网页中插入图片,代码如下: <!DOCTYPE HTML><html><head><meta http- ...
[js高手之路]html5 canvas教程
在canvas中,要画出1px的线条,默认情况下是不行的 1 context.beginPath(); 2 context.moveTo( 100, 100 ); 3 context.lineTo( 400, 100 ); 4 context.clo ...
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简单动画
2017-10-18 16:00:13

css简单动画

这几天公司需要更新一个移动端web的页面,因为任务简单,就交给作为菜鸟新人的我来做。第一次接触css还是在14年刚上大一的时候跟着html一起学习的,之后就再也没有接触过。所以只好一边学习,一边完成任务(⊙﹏⊙)b 结构:java web项目中的WebCon ...
WSingle主题 – 可能是最好的WordPress小说主题,美观大方,功能强大
今天,waitig给大家带来了一款强大WordPress小说主题 – WSingle主题。一、概览WSingle主题2.0版本已经发布,点击查看详情:【重磅】WSingle主题2.0版本发布,新增专为小说站量身定制的纯静态HTML缓存模块——————————-分割线——————— ...
写给想成为前端工程师的同学们 —— 前端工程师是做什么的?
前端工程师是做什么的? 前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲,前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品,涵盖用户PC端、移动端网页,处理视觉和交互问题。从广义上来讲,所有用户终 ...
浅谈script标签中的async和defer
script标签用于加载脚本与执行脚本,在前端开发中可以说是非常重要的标签了。直接使用script脚本的话,html会按照顺序来加载并执行脚本,在脚本加载&执行的过程中,会阻塞后续的DOM渲染。现在大家习惯于在页面中引用各种的第三方脚本,如果第三方服务商出现了一些小问题, ...
HTTP错误代码大全
2017-10-17 20:00:18

HTTP错误代码大全

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

a标签下载

<a href="存在问题.docx" download onclick="">下载</a> download 可以使路径的图片下载 ...
a标签下载
2017-10-17 18:01:58

a标签下载

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

打字效果动画实现方法

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

打字效果动画实现方法

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

会跳动的日历

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

会跳动的日历

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

css3实现钟表效果

利用css3 transform属性刻画钟表的的刻度以及指针的角度,代码如下:<head> <meta charset="UTF-8"> <title>Title</title> <style id=&qu ...
bootstrap模态框嵌套、tabindex属性、去除阴影
模态框嵌套在开发中,遇到需要通过点击事件触发第一个模态框,触发后通过事件唤起第二个模态框,并且通过事件触发第三个模态框;即模态框嵌套。模态框嵌套需要用一个模态框包裹所涉及嵌套的模态框,从而点击触发模态框不会乱掉。HTML代码如下:<!--最外层包裹的模态框-->< ...
Bootstrap源码解读之栅格化篇
版心(container)版心:class名为.container的容器,其版心的宽度在各个屏幕设备下是不一样的值,版心两边就是留白。 各尺寸下版心宽度如下表:屏幕设备版心宽度max-width:768pxxs 继承父元素宽度(即width:100%)min-width:76 ...
HTML5
2017-10-17 11:00:17

HTML5

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

50个Bootstrap扩展插件

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

HTML笔记note1

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

分歧者3 观后感

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

WEB前端JS与UI框架

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

序列帧动画

最近有个客户想要做一个热点图片,但我对动画没有太多的接触,经过这几天的研究和上网查找资料,终于作了出序列帧动画。图片地址: &nbsp ><!doctype html><html lang="en"><head> ...
【css】css2实现两列三列布局的方法
前言对于 flex 弹性布局相信大家都有所了解,它是 css3 中的属性,然而它具有一定的兼容性问题。楼主前几天面试时遇到了面试官需要设计一个两列布局,我当然就说父元素 flex 吧哩吧啦,然而需要用基本的 css2 中的属性布局,傻掉了。。。要求:两列布局,左边定宽,右边自适应 ...
前端HTML以及HTML5(基本标签)
前面一章介绍了一下前端的发展,这章简单介绍一下html的发展以及基本的标签。一、HTML的发展史  1、概念    超文本标记语言(HyperText Markup Language,简称HTML)是为 [ 网页创建和其他可在浏览器中看到的信息 ] 设计的一种标记语言。  2、相 ...
canvas鼠标拖动绘制图形
2017-10-16 14:00:12

canvas鼠标拖动绘制图形

使用canvas 实现了用鼠标拖动绘制各种图形其中包括 矩形,圆形,箭头,画笔使用方法var paint = Ypaint(canvas)绘制圆形:paint.chooseCircle()圆形其他参数圆形的粗细 paint.outerParams.circle.lineWidth ...
薪资那么高的Web前端,你该怎么学?
由于前端开发的火热和一些IT巨头公司 对 web前端开发人员的需求旺盛,让越来越多的人转入前端。前端开发领域 是IT技术语言领域唯一一个男女老少都可以快速入门并快速提升兴趣的领域,今天就来聊聊前端到底该怎么学~话不多说,让我们直接进入今天的主题。web前端到底怎么学?那么在讲 W ...
弹性盒模型
2017-10-16 00:00:20

弹性盒模型

布局的传统方案,基于盒装模型,依赖display属性+position属性+float属性。他对于那些特殊的布局非常不方便,比如,垂直居中就不容易实现。  2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器 ...
介绍一款小众的IDE
2017-10-16 00:00:07

介绍一款小众的IDE

作为前端工程师的你们平时主要使用什么IDE,atom、webstorm、sublime还是vscode?今天介绍一款比较小众的IDE,Adobe的开源项目Brackets,提供Windows和OS X平台支持。Brackets的特点是简约、快捷,没有很多的视图或者面板,笔者感觉前 ...
在ios端点击按钮闪烁解决方法(小tips)
在ios端,safari浏览器上触发click事件有300ms的延迟相应,为touch添加的样式会和click冲突而出现闪烁问题在safari中触摸事件的相应顺序如下:touchstart --> touchmove --> touchend --> click ...
双11电商剁手节,最全的H5互动营销案例合集
距离双11不足一个月!是否准备好为双十一疯狂剁手!自从天猫2009年首创双11购物节以来双十一不仅成为了消费者的“剁手日”更是每年企业营销的“狂欢节”各商家纷纷在营销领域大放奇招酷炫的H5肯定是少不了的 下面为大家准备了13个H5营销案例,让各位能在这次剁手节中精准做好品牌营 ...
新建一个页面
2017-10-15 11:00:08

新建一个页面

今天我刚好要做一个单页面来展示某些东西。就一起来看看吧,初学者写的不好请自闭双眼。先上代码吧,大家看看有什么需要修改的地方。 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head&g ...
CSS
2017-10-14 20:00:09

CSS

CSS的四种引入方式:一、行内样式<div >cairui</div>二、<!DOCTYPE html><html lang="en"><head> <meta charset="UT ...
元素浮动
2017-10-14 20:00:07

元素浮动

子元素浮动会导致父元素盒子无法被撑开,导致父元素的样式无法显示,以下介绍几种清除浮动的方法原代码:<!DOCTYPE html><html><head lang="en"> <meta charset="UT ...
vue跨域解决方法
2017-10-14 10:00:07

vue跨域解决方法

vue跨域解决方法vue项目中,前端与后台进行数据请求或者提交的时候,如果后台没有设置跨域,前端本地调试代码的时候就会报“No 'Access-Control-Allow-Origin' header is present on the requested res ...
几行代码轻松解决滚动条样式问题,堪称神器
相信很多同仁都曾为各种浏览器的滚动条样式困惑过,而且不同的浏览器默认的滚动条样式还不一致。网上也有很多说法修改滚动条样式,但是大多数都是滥竽充数。今天我只说干货,纯干货,干货来自于我的一位同事的推荐,在此,感谢同事,谢谢。第一步:你需要在样式<style></s ...
关于h5中背景音乐的自动播放
音乐的自动播放属性,这里也介绍一下:<audio controls="controls" autoplay="autoplay"> <source src="song.ogg" type="a ...
css3制作网页中常见的小箭头
/* css3三角形(向上 ▲) */div.arrow-up { width:0px; height:0px;border-left:5px solid transparent; /* 右透明 */ border-right:5px ...
第一页下一页12345678910下10页末页第7/229页,总共:13723条数据