使用css解决图片间多余空白的方法
上传多张图片的时候,偶然间发现图片之间会有多余空白出现,尤其是长图切成小图后,视觉效果尤其碍眼。那么为什么会发生图片之间有多余空白的情况呢? 发生这种情况是因为image是一个内联级别的...
只使用CSS提升页面渲染速度的方法
用户喜欢快速的 Web 应用。他们期望页面加载速度快,运行流畅。如果滚动时出现动画中断或延迟,用户很可能就会离开网站。作为一名开发者,可以做很多事情来提升用户体验。本文主要介绍可以用来...
html/txt文件中文用浏览器打开有乱码解决办法
head里增加一行代码,如下所示,保存并上传。打开就没问题了,其实起到关键作用的就是utf-8这个编码格式。 <head> <meta http-equiv='content-type' content='text/html' charset='utf-8'...
CSS代码做一个很酷流光溢彩的文字特效的教程
效果展示: 实现代码: <!DOCTYPE html> <html> <head> <meta charset='UTF-8'> <title>这个文字特效很酷啊</title> <style> body{ background: #222;} *{margin: 0;paddi...
实现表格悬停效果:鼠标移到表格上时,鼠标所在行放大+高亮显示的教程
本文给大家介绍一个比较有趣的CSS Table表格,当鼠标移到表格上时,鼠标所在行放大高亮显示。 效果展示: 鼠标所在行放大高亮显示: HTML代码: <html> Table V01 * { margin: 0px; padding:...
导航栏吸顶简单代码的教程记录
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的...
padding和border宽度导致子元素超过父元素的解决方法
在 CSS 盒子模型的默认定义里,对一个元素所设置的 width 与 height 只会应用到这个元素的内容区。如果这个元素有任何的 border 或 padding ,绘制到屏幕上时的盒子宽度和高度会加上设置的边框...
CSS代码的优化小技巧,提高加载速度
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还...
CSS3控制图片自适应屏幕大小和居中显示的代码教程
做网站之后,我们会在网站后台发布很多新闻或文章。文章里会插入一些图片,由于图片尺寸不一样,会出现图片超过宽度的问题。特别是制作手机网站时,更容出现这种情况。如何通过CSS3来一次性控制...
系统运维中常用的指令及快捷键集合
系统维护中经常使用的一些指令,其中涵盖了linux、Unix、CentOS、Ubuntu 等操作系统的操作。 文件&目录 # cd /home //进入 '/home' 目录 # cd .. //返回上一级目录 # cd ../.. //返回上两级...
WordPress网站底部添加显示加载耗时文字的代码
只需要简单两串代码就可以在网站底部添加页面的加载时长,SQL查询次数以及内存占用,因为我个人认为用处不大,有需要想折腾的朋友可以折腾一下。 将下面代码放入 functions.php 文件中: //显示...
网站logo忽闪忽闪效果代码教程
网站logo有忽闪忽闪效果,以下是css代码分享,需要的朋友可自取。 /*忽闪忽闪开始*/ .header-logo {position:relative;float:left;margin-right:10px;padding:5px 0;overflow: hidden;} .header...
网站底部显示当前时间的代码,放到想要显示的地方
代码: <span id=localtime></span><script type='text/javascript'>function showLocale(objD) {var str,colorhead,colorfoot;var yy = objD.getYear(); if(yy<1900) yy = yy+1900...
macbook air的使用教程
最近入手了macbook air的乞丐版,也想体验一下苹果的操作系统,刚开始不是很习惯,于是去搜索各种教程,简单的操作已经适应了。记录一下使用教程: 快捷键 Command 加空格 快速查找电脑里的东西...
HTML常用标签的语法和属性
HTML网页的基本结构 <!doctype html> <html lang='en'> <head> <meta charset='utf-8'> <title>网页的标题</title> </head> <body> 网页的内...