#HTML与CSS知识

用JavaScript更新CSS变量

HTML<divclass="mover"></div>CSS.mover{width:50px;height:50px;background:red;position:absolute;left:var(--mouse-x);top:var(--mouse-y);}JSletroot=docu...
代码星球 ·2020-04-05

CSS性能优化的8个技巧

本文作者:高峰,360奇舞团前端工程师,W3C性能工作组成员,同时参与WOT工作组的学习。我们都知道对于网站来说,性能至关重要,CSS作为页面渲染和内容展现的重要环节,影响着用户对整个网站的第一体验。因此,与其相关的性能优化是不容忽视的。对于性能优化我们常常在项目完成时才去考虑,经常被推迟到项目的末期,甚至到暴露出严重...

CSS世界中那些说起来很冷的知识

最近读了张鑫旭的新书《CSS世界》收获了不少对CSS的深度理解也正值个人在公司内部进行部分章节的内容分享,于是顺带着直接把我即将分享的内容先给大家过过目了,就当省去了大家买了书后,无暇顾及观看的尴尬吧!本书的最后三章分别是元素的显示与隐藏用户界面样式流向的改变下面我就直接进入主题,开始对每一章节进行一个非系统的分享了使...

vue 知识点

先不发表东西,占个位置...
代码星球 ·2020-04-05

SpringMVC 拦截器(interceptors)对样式(css),JavaScript(js),图片(images)链接的拦截

因为在web.xml配置了<servlet-mapping><servlet-name>appServlet</servlet-name><url-pattern>/</url-pattern></servlet-mapping>导致对所有连接都会...

原生js+css3实现图片自动切换,图片轮播

自己这两天根据用js来控制触发CSS3中transition属性,从而写出来的以CSS3动画为基础,js控制过程的图片轮播运用css3的opacity透明度属性和transition动画过度属性,用js对过程加以控制,也实现了js对CSS3中transition动画的触发实例链接地址:http://pspgbhu.gi...

HTML5轻松实现搜索框提示文字点击消失---及placeholder颜色的设置

在做搜索框的时候无意间发现html5的input里有个placeholder属性能轻松实现提示文字点击消失功能,之前还傻傻的在用js来实现类似功能。。。示例<formaction="demo_form.asp"method="get"><inputtype="search"name="user_sea...

用js触发CSS3-transition过渡动画

经过这几天的工作,让我进一步的了解到CSS3的强大,原本许多需要js才能实现的动画效果,现在通过CSS3就能轻易实现了,但是CSS3也有自身的不足,例如说在动画出发触发上就没有js灵活,因此我就开始考虑将CSS3与Js结合使用。不过要注意CSS3属性兼容性问题平时我们直接使用transition动画一般是这样的鼠标放置...

HTML5-video标签-实现点击预览图播放或暂停视频

刚刚参加工作,开始更多的接触到一些新的知识,促使我开始了解html5和css3的新特性。这时我才真的发现到html5和css3的强大。之前关于视频的控制更多的是运用复杂来实现,但在html5中新加入了<video>标签以及相应的DOM,通过这项新特性,我们能对网页中的视频进行更多简单的控制。以下属性内容摘抄...

CSS3属性 box-shadow 向框添加一个或多个阴影

浏览器支持IE9+、Firefox4、Chrome、Opera以及Safari5.1.1支持box-shadow属性。语法box-shadow:h-shadowv-shadowblurspreadcolorinset;注释:box-shadow向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表,每个阴影由2-4个长度...

Html5拖拽复制

拖拽是一种常见的特性,即抓取对象以后拖到另一个位置。在HTML5中,拖拽是标准的一部分,任何元素都能够拖拽。Html5拖拽非常常见的一个功能,但是大部分拖拽的案例都是一个剪切的过程,项目中需要实现Html5拖拽复制的功能,Html5拖拽复制很简单,只需要在普通Html5拖拽的过程中做一点小小的改动即可。ps:本篇博文为...
代码星球 ·2020-04-05

HTML5游戏开发引擎,初识CreateJS

CreateJS为CreateJS库,可以说是一款为HTML5游戏开发的引擎。打造HTML5游戏,构建新游戏,提供构建最新HTML5的技术、你可以通过这个网站学习如何构建跨平台和跨终端游戏。这个资源库还会告诉你如何构建多人在线游戏。CreateJS是一套可以构建丰富交互体验的HTML5游戏的开源工具包,旨在降低HTML...

jq+css+html简单实现导航下拉菜单

相信导航栏下拉菜单是web开发最常见的一个item了.这里就不做介绍了,直接上code.Html部分1<divclass="_nav">2<ulid="sddm">3<li><ahref="/Home/Index"id="a_nav_Home"class="a_nav_Menu...

玩转CSS3,嗨翻WEB前端,CSS3伪类元素详解/深入浅出[原创][5+3时代]

在我的上一篇博客中,很多园友提出说对css3"画图"不是很理解,在跟他们私聊了一段时间以后,加上自己在开始自学css3的时候的疑惑,我觉得大家之所以不是很理解主要是因为对伪元素不太了解,介于画图和CSS3里一些高大上的特效用的比较广泛的伪类元素就是::before和::after,写这篇博客主要也是为了起到一个敲门砖的...

html5+css3实现跑动的爱心/动态水滴效果[原创][5+3时代]

  大风起兮云飞扬,安得猛士兮走四方!html5+css3,不学不行。 做web开发已经有好几年了,见证了太多语言的崛起和陨落。其实作为一个程序员最苦逼的事情莫过于每天要不停的追赶各大公司新出的框架和语言(这首当其冲的就是.net程序员,当然很不幸,我就是.net成员,这刚把mvc4.0整明白现在5.0又出来...
首页上一页...233234235236237...下一页尾页