这是一款基于jQuery和CSS3的焦点图动画插件，插件非常迷你，功能也比较简单，它的特点是图片切换按钮类似一条时间轴，点击时间轴的圆圈即可切换到相应的图片。点击切换按钮时，按钮会出现渐隐渐显的发光特效，图片切换过程中整张图片过渡的效果非常柔和，并且图片描述也相应以动画的方式显示在图片上，是一款非常棒的CSS3图片切换组件。在线演示源码下载HTML代码：<p id="gal"><nav class="galnav"><ul><li><input type="radio" na...
禁止选中文字在某些场景下还是有必要的，比如不想让他人复制自己的文章之类的。这时候我们可以通过使用CSS+JS来解决这一问题。另外，这边要指出的是，user-select目前还不是W3C的正式标准，各个浏览器都是以私有属性的方式提供支持。语法Formal syntax: none | text | all | element代码如下:(-prefix-)user-select: none; (-prefix-)user-select: text; (-prefix-)user-select: all; (-prefix-)user-select: element;代码如下:.ro...
在我们日常的Web的开发中，我们知道一般没有做css初始化的时候，网页中带超链文字会出现下划线，那么为了网页中的美观以及视觉效果，我们一般都会去掉超链的下划线，那么改如何的设置呢？下面我们就给大家详细介绍如何去掉超链的下划线。CSS中去超链下划线：1.css如何去掉新闻列表最后一个新闻的下划线_html/css_WEB-ITnose 本章节分享一个比较使用的效果，那就是如何去掉新闻列表最后一个新闻的下划线。在很多新闻列表效果中，在每...
"position","top","right","bottom","left","z-index","display","float","width","min-width","max-width","height","min-height","max-height","-webkit-box-sizing","-moz-box-sizing","box-sizing","-webkit-appearance","paddi1. CSS样式书写顺序简介：这篇文章主要介绍CSS样式书写顺序2. 学习超级链接A标记_HTML/Xhtml_网页制作简介：问: 我已经使用CSS定义了超链接的样式，但是浏览时hover(鼠标悬停)却不起作用。为什么会这...
简要教程这是一款使用纯CSS3制作的逼真汽车运动动画特效。该特效中，所有元素都是通过CSS渲染得到的，没有使用任何图片。它通过公路斑马线的左右晃动来制作出汽车运动的视觉效果。使用方法 HTML结构整个汽车运动动画的HTML结构如下：<div class="car"><div class="body"><div class="mirror-wrap"><div class="mirror-inner"> 1. 纯CSS3制作逼真的汽车运动动画简介：这是一款使用纯CSS3制作的逼真汽车运动动画特效。该特效中，...
这篇文章主要介绍了MySQL日志设置及查看方法,需要的朋友可以参考下MySQL有以下几种日志：错误日志： -log-err查询日志： -log慢查询日志: -log-slow-queries更新日志: -log-update二进制日志： -log-bin默认情况下，所有日志创建于mysqld数据目录中。通过刷新日志，你可以强制 mysqld来关闭和重新打开日志文件（或者在某些情况下切换到一个新的日志）。当你执行一个FLUSH LOGS语句或执行mysqladmin flush-logs或mysqladmin refresh...
当不包含z-index属性和position属性时，所有元素的叠放顺序与其所在HTML文档中出现的先后顺序一致。（使用负margin来重叠内联元素的特例除外。）当元素浮动float时，浮动块元素被放置于非定位块元素与定位块元素之间，换句话讲，浮动元素显示在普通流中的后代块元素之上，常规流中的后代行内元素之下。元素加入position位置属性时，所有具有position属性的元素及其子元素会显示在其他不具有position属性的元素上面。z-index只在设置...
为什么计算宽度计算网页像素宽度是为了CSS网页布局整齐与兼容。常见的我们布局左右结构网页或使用padding、margin布局的时候将计算整页宽度，如果不计算无论是宽度过大过小就会出现错位问题。怎么计算CSS宽度例一：我们计算一个左右结构的布局样式。假如总宽度为400px，那么左右加起来就应当小于400px，那我们可能左边为300px，右边为100px正确代码： <!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; c...
XML布局文件在文件夹res/layout中存放着xml格式的布局文件布局方式主要是LinearLayout(线性布局) 、TableLayout(表格布局)、RelativeLayout(相对布局) 当然还有AbsoluteLayout、(绝对布局)、FrameLayout(帧布局)等等他们之间也可以通过嵌套达到更好的界面效果我按照个人的理解将常用的属性整理了一下可能不科学 但我认为很实用。控件为整体： android:id &1. 布局文件如何使用？总...
层叠顺序(stacking level)与堆栈上下文(stacking context)知多少? z-index 看上去其实很简单，根据 z-index 的高低决定层叠的优先级，实则深入进去，会发现内有乾坤。 看看下面这题，定义两个 p A 和 B，被包括在同一个父 p 标签下。HTML结构如下：<p class="container"><p class="inline-block">#pA display:inline-block</p><p class="float"> #pB float:left</p1. 层叠顺序与堆栈上下文知多少简介：层叠顺序（stacking le...
css如何垂直居中一个元素的问题已经是一个老生常谈的问题了。不管对于一个新手或者老手，在面试过程中是经常被问到的。前两天在看一个flex的视频教程，当中提到了有关元素的居中问题，所以今天小编就来扒一扒几种常见的方式。不足之处请大家批评指正（所有的代码都是自己亲手敲过可用的）1、水平居中（margin:0 auto;） 关于这个，大家应该是最不陌生的,不管是在培训班还是自己自学的话 。这个应该是老师讲的第一个方法了（...
本文介绍CSS3新特性web-font的使用，并利用自定义web-font实现数据防采集web-font介绍web-font是CSS3中的一种标记 @font-face，在@font-face声明里，你可以声明一种字体，指定这种字体字体库文件从网络某个地址下载。具体写法如下：@font-face { font-family: 字体名称; src: url(http://www.example.com/字体名称.eot); /* IE9 Compat Modes */src: url(ht1. 利用自定义web-font实现数据防采集代码简介：本文介绍CSS3新特...
朋友们在最初学习css时候，一开始学css基础知识的时候一定学过padding，border和margin，即内边距、边框、外边距。它们组成了最简单的 盒子。一般会使用标准 w3c 盒子模型，就是在网页的顶部加上 doctype 声明。因为加上了 doctype 声明，那么所有浏览器都会采用标准 w3c 盒子模型去解释你的盒子，网页就能在各个浏览器中显示一致了。对浏览器的兼容性是非常友好的。这里我们就来总结一下盒子模型的相关知识。盒子模型学习的相关教...
web端为什么需要做字体图标？性能好。在之前项目中，网页的图标是用的图片，当图标很多时，体积比较大。而且之前做过2年的UI设计，总觉得这样经常切图麻烦，当需要同一个图标大小不一时，直接放大图片会失真。字体图标制作流程1：第一当然需要一个设计师啦...我常用的方法，设计师设计出图标保存为SVG格式的。当没有设计师时，也可以在http://www.iconfont.cn/ 下载自己需要的SVG图标。需要登陆账号，看见喜欢的图标可以收藏或者下...
大家都知道现在各个浏览器都支持CSS3的自定义字体(@font-face)，包括IE6都支持，只是各自对字体文件格式的支持不太一样。那么对于网站中用到的各种icon，我们就可以尝试使用font来实现，本文将详细讲解这种用法为什么要将icon做成字体？在很多网站项目中，我们常常会用到各种透明小图标，然后网站要兼容各个浏览器，也可能会有多个尺寸，甚至还要考虑换肤等需求。那么我们就要将这些小图标输出为多种尺寸、颜色和文件格式，比如png...