animation 动画属性

animation 动画属性

animation-name: 选择器名称animation-duration: 完成动画所需时间animation-timing-function: 动画的速度曲线 值描述测试linear动画从头到尾的速度是相同的。测试ease默认。动画以低速开始,然后加快,在结束 ...
ueditor编辑器插件 chrome中图片上传框延时问题

ueditor编辑器插件 chrome中图片上传框延时问题

最近在项目中使用ueditor插件进行文字的在线编辑功能时,发现这个插件的图片上传弹框在chrome浏览器延迟非常的厉害。经过多方搜索,终于解决。现将解决方案记录如下: 1、修改/Ueditor/dialogs/image/image.j ...
H5移动端知识点总结

H5移动端知识点总结

来自: http://www.cnblogs.com/tugenhua0707/p/5180841.htmlH5移动端知识点总结阅读目录移动开发基本知识点calc基本用法box-sizing的理解及使用理解display:box的布局理解flex布局Flex布局兼容知识点总结 ...
修改输入框placeholder文字默认颜色

修改输入框placeholder文字默认颜色

针对placeholder来设置想要的颜色:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000; opacity:1; }::-moz-placeholder { /* Mozilla Firefox 19+ ...
2D转换下的zoom和transfor:scale的区别

2D转换下的zoom和transfor:scale的区别

一、什么是zoom  在我们做项目和查看别人的网页的时候总会看到在一些元素的样式里,看到有一个家伙孤零零的待在那里,它到底是谁呢?    它的名字叫zoom,zoom的意思是“变焦”,虽然在摄影的领域经常被提到,但是在web的世界里也可以这样理解它的意思,就是改变元素的尺寸,进行 ...
css里颜色的那些事儿(合法颜色值)

css里颜色的那些事儿(合法颜色值)

css中主要有六种方法指定颜色:1.十六进制颜色2.RGB颜色3.RGBA颜色4.HSL色彩5.HSLA颜色6.预定义/跨浏览器的颜色名称前三种是我们最常见的,也是用的最多的,而后三种对于初学者来说简直就是“什么鬼?”。但是!不用怕,今天我们就来好好聊聊css中的这六位小成员的事 ...
纯CSS的三角符号

纯CSS的三角符号

项目中经常用到三角形,现在给大家讲下用纯CSS写的下三角实心图形1 .triangle{2 border-width: 5px 4px 0 4px;3 border-color: #454A7Btransparent transparent transparent;4 ...
移动端H5页面遇到的问题总结

移动端H5页面遇到的问题总结

最近刚做完一个移动端的项目,产品之无敌,过程之艰辛,我就不多说了,记录下在这个项目中遇到的问题,以防万一,虽然这些可能都是已经被N多前辈解决掉了的问题,也放在这里,算是为自己漫漫前端路铺了一颗小石子儿吧,也在文末留下自己未能解决的疑问,希望看到的朋友能解惑。  都知道做移动端的开 ...
css3 小图标提示特效

css3 小图标提示特效

最近的计划,就是每天来几个特效,当然这里有限制,在什么候选区只能放一个,还每天有限制发布的,哎,啊 终于写完了,看到一个挺好玩的东西,想到能不能用网页的特效做出来,试试呗!不过,一想肯东有很多的相类似的了,不过,反正就是挺有成就感的。高兴即来淫诗一首,两眼黑黑,灯下黑黑,嘿嘿嘿嘿 ...
es6笔记5^_^set、map、iterator

es6笔记5^_^set、map、iterator

一、set1.基本用法  数据结构Set类似于数组,但是成员的值都是唯一的,没有重复的值。 let s = new Set(); [2,3,5,4,5,2,2].map(x => s.add(x)) for (let i of s) {console.log(i)}/ ...
es6笔记4^_^function

es6笔记4^_^function

一、function默认参数  现在可以在定义函数的时候指定参数的默认值了,而不用像以前那样通过逻辑或操作符来达到目的了。  es5function sayHello(name){ //传统的指定默认参数的方式 let name1 = name||'hubwiz'; ...
【CSS3】使用JAVASCript触发过渡效果

【CSS3】使用JAVASCript触发过渡效果

使用 :hover 和 :focus 这样的伪类,我们可以很方便的将元素从一个样式切换到另一个样式,而且切换是会有过渡效果。但有时我们想要使用 js 来驱动过渡(即在代码中触发过渡)也是可以实现的。和普通过渡一样,先创建两个样式规则,一个是元素的初始状态, ...
jQuery鼠标悬停3d菜单展开动画

jQuery鼠标悬停3d菜单展开动画

效果体验:http://hovertree.com/texiao/jquery/93/竖直的主菜单贴着页面左侧,当光标移入菜单项时,以3D动画的方式弹出对应的二级菜单。采用jQuery和CSS3实现。支持Chrome,火狐,Edge等浏览器。效果图:代码如下:<!DOCTY ...
网站图标多,首次打开慢,怎么破?

网站图标多,首次打开慢,怎么破?

背景项目开发过程中可能会遇到首次打开一个工具栏有特别多图标的网站,图标加载特别慢原因分析如果服务器上存的图片都是单独分开的话,那打开网站后,面板上的所有图标是不是都要请求服务器呢?次数是不是就多了?那我们就减少请求服务器次数。优化一是本次文章的主题:切图,其它优化是网页优化优化一 ...
div中嵌套div中使用margin

div中嵌套div中使用margin

div中嵌套div中使用margin-top失效问题 ...
head中的title显示在body中

head中的title显示在body中

今天遇到一个问题,就是title中的内容会显示在body中1 <head>2 <title>324234</title>3 </head>网上搜了一下是说编码方式有问题会出现这种情况,于是查看我的编码情况,发现没有任何问题。于是开始 ...
Chrome浏览器正常,IE下界面却乱了

Chrome浏览器正常,IE下界面却乱了

背景:项目实战中总会遇到一些小问题,IE特别多Chrome浏览器页面正常,IE下界面就乱了原因分析1、首先想到的是代码有米有问题呢?主要指的是兼容性2、兼容性没有问题,那我们打开IE的开发工具看看,纳尼,居然是IE7、8、9、10、11随便一个。反正不是你想要的IE版本模式好吧, ...
如何自定义博客园样式

如何自定义博客园样式

苦恼每次看到别人的博客样式都感觉很舒服,很好看。当自己开通博客后,使用了预置的样式也无法达到自己想要的页面效果,怎么办?废话不多说,直奔主题如何设置博客园自定义的样式还有这样的功能,我怎么不知道,后来也是看到园友发表过类似的文章才知道的。首先我们要在后台设置tab页里,找到博客皮 ...
列表样式

列表样式

1.board.w<view > <view > <scroll-view scroll-y="true" height="100%"> <block wx:for="{{board ...
es6笔记3^_^object

es6笔记3^_^object

一、destructuring  ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构Destructuring。//es5if(1){ let cat = 'ken'; let dog = 'lili'; let zoo = {cat: cat, d ...
写一个简单的CSS表

写一个简单的CSS表

1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 4 <titl ...
用canvas编写表白动画

用canvas编写表白动画

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> < ...
用c3制作3d盒子旋转特效

用c3制作3d盒子旋转特效

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> < ...
html标签详解(1)

html标签详解(1)

http标签详解及讲解 1.基础标签1 <!DOCTYPE html> <!--表示文本类型-->2 <html> <!--<html></html> ...
html标签详解(2)

html标签详解(2)

http标签详解声明 1:这里的文字都是我从我自己csdn账号拷贝过来,是本人学习总结的结晶,所以请尊重本作品。2:如要要转载本文章,则要说明文字的出处。3:如有哪里不对欢迎指出。在上一篇文章中主要讲了,http的一些基础标签,比方说链接标签,图片标签,html框架等,那接下来主 ...
IE8下实现兼容rgba

IE8下实现兼容rgba

前几天做一个项目的时候遇到一个问题,透明度的问题,今天空了给大家讲讲我的一些看法和怎样兼容透明度一:两种方式 (IE9+)  1:rgba() (只是背景透明)  2:opcity (里面的内容与背景都透明)二:解释区别在css3以前,我们的css中的颜色都是基于R ...
sql注入【手工及一些工具】

sql注入【手工及一些工具】

Sql注入原理分析:  网站程序存在可控传递参数,参数未进行过滤直接带入数据库查询,导致攻击者可通过传递恶意sql语句代码进行执行攻击。Sql注入产生条件  1.必须有参数传递  2.参数值带入数据库查询并执行判断是不是用注入:  例:http://www.xxx.xxx asp ...
如何在网页中循环播放声音?

如何在网页中循环播放声音?

HTML中可以播放声音的标签有bgsound、embed、audio、object等,下面先简单介绍这几个标签 <bgsound>:  <bgsound> 是用来插入背景音乐,但只适用于 ie,其参数设定不多。如下  <bgsound src=& ...
DIV+CSS详解

DIV+CSS详解

DIV+CSS详解✪DIV+CSS"这种叫法其实是一种不准确的叫法  在做笔记的最前面必须先给大家纠正一个错误,就是"DIV+CSS"这种叫法其实是一种不准确的叫法,是国人给这种布局标准页面的方法起的名字,是对技术理解不够透彻导致的,而标准的叫法是什 ...
利用Kaptcha.jar生成图片验证码(以下源码可以直接复制并自定义修改)

利用Kaptcha.jar生成图片验证码(以下源码可以直接复制并自定义修改)

说明:Kaptcha是一个很实用的验证码生成工具,它可以生成各种样式的验证码,因为它是可以配置的 目录: 一 实现步骤 二 实例 A 编写jsp页面 B 配置web.一 实现步骤 1 下载Kaptcha-2.3.jar 2 复制jar包,放于项目的lib包下 ...
css块级标签,行内标签,行内块标签的转换(2)

css块级标签,行内标签,行内块标签的转换(2)

css块级标签,行内标签,行内块标签的转换版权声明本文原创作者:雨点的名字作者博客地址:https://home.cnblogs.com/u/qdhxhz/ 在基础1中,我详细讲了css的常见属性,几种不同的选择器,在此基础之上我们来进一步地认识它们的特性从而 ...
CSS清楚浮动

CSS清楚浮动

CSS清楚浮动方法1.给父级一个height属性<style type="text/css"> .div1{background:#000080;border:1px solid red;/*解决代码*/height:200px;} .div2{b ...
Flexible 弹性盒子模型之CSS order 属性

Flexible 弹性盒子模型之CSS order 属性

实例设置弹性盒对象元素的顺序:div#myRedDIV {order:2;}div#myBlueDIV {order:4;}div#myGreenDIV {order:3;}div#myPinkDIV {order:1;}复制效果预览浏览器支持表格中的数字表示支持该属性的第一个浏 ...
HTML页面3秒后自动跳转的三种常见方法

HTML页面3秒后自动跳转的三种常见方法

在练习中,我们常常遇到一种问题就是,怎么实现页面N秒之后自动跳转呢? 我自己遇到问题和查找资料,总结了3个方法 方法1: 最简单的一种:直接在前面<head>里面添加代码: <span style="font-size:18px;&qu ...
关于清除浮动的几种方法

关于清除浮动的几种方法

直到写这篇随笔,才认真的去研究了一下每一种清除浮动的方法到底是什么原理(⊙﹏⊙)b 对于刚刚接触CSS的人来说,就像当时的我一样,在做一些小项目和练习的时候,总会莫名其妙的问自己“哎!?我的div去哪了!?( ⊙ o ⊙ )”然后默默地加上一个背景色来看一下我辛辛苦苦写的小 ...
结合swiper使用图片懒加载

结合swiper使用图片懒加载

本人渣渣一枚,技术一般,记录下笔记,大神勿喷,可以留下优化建议,谢谢  最近刚刚做了个展示型的网站,使用swiper搭的框架,因为图片比较多,所 以首次加载稍微有些慢,虽然压缩过了,但是尽可能的优化吧,刚开始找了个懒加载的一个插件,但没想到怎么跟swiper结合使用,就自己写了个 ...
[转]HTTP请求模型和头信息参考

[转]HTTP请求模型和头信息参考

[转]HTTP请求模型和头信息参考参考: http://blog.csdn.net/baggio785/archive/2006/04/13/661410.aspx模型: http://blog.csdn.net/baggio785/archive/2006/04/13/ ...
手机端H5 header定义样式

手机端H5 header定义样式

<meta content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/> <met ...
Flexible 弹性盒子模型之CSS justify

Flexible 弹性盒子模型之CSS justify

实例在弹性盒对象的 <div> 元素中的各项周围留有空白:div{display: flex;justify-content: space-around;}复制效果预览浏览器支持表格中的数字表示支持该属性的第一个浏览器的版本号。紧跟在 -webkit-, -ms- 或 ...
标签a的注意事项1

标签a的注意事项1

使用a标签时,其子元素可以为其他元素,但是不能包含<a>标签,否则会造成布局改变!因此请尽量不要在a标签里放太多子元素,可以在外层套一个div,其他子元素放在a标签同级下。正确布局:<div>  <a>    <span>我是a中的 ...
CSS3特性修改(自定义)浏览器默认滚动条

CSS3特性修改(自定义)浏览器默认滚动条

前言:我们做前端时,会遇到一些需求,要求把默认浏览器的滚动条样式给改写了,诶。好好的改它干啥了,也带不来用户体验,就是好看点嘛!实现原理其实是用了伪元素,webkit的伪元素实现很强,可以把滚动条当成一个页面元素来定义,再结合一些CSS3属性,比如圆角、渐变、rgba等等。最常见 ...
es6笔记2^_^array

es6笔记2^_^array

一、Array.from()  Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map)。if(1){ let list = document.quer ...
win10的IIS配置

win10的IIS配置

安装IIS:控制面板---程序---启用或关闭windows功能---Internet Information ServicesIIS 和 IIS 可承载的web核心 有何区别? 是否两个都必须勾选才可以建立web服务器?前者就是IIS , 基础服务; 后者是 ...
Microsoft Edge与Google Chrome那些不同的举止

Microsoft Edge与Google Chrome那些不同的举止

以下针对14393版本Edge与Chrome 54html dom/select的如果options里没有符合的值时edge会选择第一个,chrome(54)会置空选项html dom/input[type=date]如果设置了高度,那么控件里的上下箭头会居上对其,其它子控件会正 ...
HTML5的文档结构

HTML5的文档结构

HTML5的文档结构  HTML5简化了许多,它的设计遵循了3个原则:1.兼容性、2.实用性、3.通用访问性 1. header 元素 <header> 标签定义文档或者文档的一部分区域的页眉,又可用于设置文章标题。 < ...
在网页中嵌入多媒体内容

在网页中嵌入多媒体内容

第10章 在网页中嵌入多媒体内容现在在制作网页时,除了可以在网页中放置文本、图片外,还可以在页面中嵌入声音、视频、动画等多媒体内容,使得页面看上去更加丰富多彩、动感十足。10.1 设置滚动字幕<marquee>属性 属性值 ...
利用HTML5的devicemotion事件实现手机摇一摇抽奖,年会抽奖

利用HTML5的devicemotion事件实现手机摇一摇抽奖,年会抽奖

摇一摇JS脚本逻辑:接下来是移动端JS脚本逻辑的实现,摇一摇的实现需借助html5新增的devicemotion事件,获取设备在位置和方向上的改变速度的相关信息,该事件的基本使用如下:if (window.DeviceMotionEvent) { window.addEvent ...
HTML页面加载和解析流程详细介绍

HTML页面加载和解析流程详细介绍

浏览器加载和渲染html的顺序、如何加快HTML页面加载速度、HTML页面加载和解析流程等等,在本文将为大家详细介绍下,感兴趣的朋友不要错过浏览器加载和渲染html的顺序 1. IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的。 2. 在渲染到页面 ...
xhtml头文件设置

xhtml头文件设置

设置字符集编码:<head> <meta http-equiv="Content-Type" Content="text/html" charset="utf-8" /></head> ...
空中飘动的云动画

空中飘动的云动画

步骤:1.创建五朵云; 2.给云朵添加不同样式和位置; 3.让这些云朵以不同的速度穿过屏幕; <!doctype html><html><head><meta c ...
第一页   上一页   下一页   末页
1/228页   共: 11387
网页设计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