transform是一个属性，本质跟width,height是一样的，加上transform也就是为类增加一个变换属性。transition是一个属性，它是用来控制过渡效果的，因为用transform可以增加变换效果，而那个变换是瞬间突变，如果想让这个变化是平滑的、过渡型的，则要用transition来控制，设定要控制的属性和过渡的时间即可。animation是动画效果，要先用@keyframes定义一个动画过程，然后在类中用animation的各个参数制定想要添加的动画名称，运行时...
IOS端： border-color:transparent; andorid端：仅仅使用上面的代码还不够，可以发现select框在某些浏览器（包括微信）内置浏览器下 还会有箭头以及高亮的线框，要除去这个可以使用1-webkit-appearance: none;取消webkit默认的样式。 我们将input、select框设为透明的目的就是为了方便使用设计师制作的样式（即使差1、2个px没对齐也不会察觉） 注意：select的下拉框的样式跟具各个浏览器的不同都不会不同。这里就不研究了！原文：h...
一、微云的实现网站有一些改动的时候，为了让用户熟知新的操作位置，往往会增加一个引导，常见的方式就是使用一个黑色的半透明蒙版，然后需要关注的区域是镂空的。然后上周五我去微云转悠的时候，也看到了引导层，于是职业病又犯了，去学习下别人是怎么实现的。下面是观测的结果：为了实现镂空蒙层效果，作者发挥了小时候拼积木的才能，使用两层HTML结构，内层使用5块独立区域拼接形成，至于中间镂空的区域的阴影则是使用的图片实现...
1<%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3<!DOCTYPE html> 4<html> 5<head> 6<meta charset=" utf-8"> 7<meta name="author" content="http://www.softwhy.com/"/> 8<title>简易计算器</title> 9<jsp:include page="inc/easyui.jsp"></jsp:include> 10<style type="text/css"> 11button { 12 font-size: 18px; 13 font-weight: bold; 14 width: 75px; 15...
格式IEFirefoxOperaChromeSafariOggNo3.5+10.5+5.0+NoMPEG 49.0+NoNo5.0+3.0+WebMNo4.0+10.6+6.0+NoOgg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件 <video width="320" height="240" controls="controls"><source src="movie.ogg" type="video/ogg"><source src="movie.mp4" type="video/mp4"> Your b...
20款CSS3鼠标经过文字背景动画特效站长之家 -- HTML5特效索引 30个酷毙的交互式网站(HTML5+CSS3) 原文：http://www.cnblogs.com/sunbeidan/p/7602940.html
复合选择器是由两个或多个基础选择器构成，通过不同的方式组合而成的，目的是为了可以选择更准确更精细的目标元素标签。复合选择器主要分为四类：交集选择器、并集选择器、后代选择器、子元素选择器 交集选择器交集选择器由两个选择器构成，其中第一个为 标签选择器，第二个为 class 类选择器，两个选择器之间不能有 空格，如下图所示： 比如：p.one选择器的意思是：类名为 one 的 段落标签。用的相对来说比较少，不太建议使用。并...
当父容器包含的子元素是float的,如果子元素的高度超过了父容器,则会‘撑破‘:如:<div class=‘div1‘> <div class=‘div2‘> .... </div> </div>.div1{ height:200px; } .div2{ height:300px; float:left; }解决方法:在父容器上加.clearfix{overflow:auto;}本文出自 “web之路” 博客，请务必保留此出处http://liuzhongcool.blog.51cto.com/10509488/1676334原文：http://liuzhongcool.blog.51cto.com...
CSS 语法CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。123456789‘‘‘ selector { property: value; property: value; ... property: value } ‘‘‘例如：1h1 {color:red; font-size:14px;}css的四种引入方式 1.行内式 行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。1<p style=...
1.当div里面的文字超过给定div给定的宽度，div里面的文字自动换行 word-break:break-all；会截断改行最后的单词 word-wrap:break-word；不会截断，该行长度最后不够，直接换行。 原文：https://www.cnblogs.com/zuoluwo/p/9819610.html
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>引入外部样式</title><link rel=" stylesheet" href="home.css" type="text/css"/></head><body><p>我也是一个段落</p><span>这是一个span标签</span><p>这是一个<span>这是里面的标签</span>.</p><p id="t">我也是一个标签<span>我也是里面的</span></p><p class="test"> 我需要改变</p></body><...
css两个性质：1、继承性 2、层叠行（选择器的一种选择能力，谁的权重大就选谁） A、选不中，走继承性，（font系列、color、text系列）权重是0 a）有多个父级都设置了这样的样式 走就近原则 B、选中 a）权重的问题，权重大，就选谁的样式。 b)权重相同，谁在后选择谁 c)纯标签和类没有可比性，...
先看一下我们要实现的效果图道理很简单，就是通过几个元素阴影叠加，生成我们看到的这种效果，主要是对阴影样式的运用，以及 before 和 after 元素的运用，直接上代码：html 代码：<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>CSS3实现曲线阴影和翘边阴影</title><linkrel="stylesheet"type="text/css"href="css/style.css"></head><body><divclass="wrap effect"><h1>shadow effect</h1></div></body></htm...
一、元素样式 1.width控制元素宽度 2.height控制元素宽度 3.padding控制元素内边距 内容与边框之间的距离 4.margin控制元素外边距 元素边框与其他元素边框之间的距离，如果两元素都设置了margin属性，浏览器只 对较大值有效。<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title><style>div{ width:100px;height:50px;padding:20px;margin:20px;background-color:#ccc...
在我们写网页的时候，超链接是链接各个页面的桥梁，也是搜索引擎爬虫（spider）收录网站页面的关键，因此，在每个网页中会有许多的超链。当我们根据需求要打印某个网页时，却发现在带有超链的文字的旁边显示出了超链，这显然不是我们想要的打印效果。今天，一个同行妹妹问我如何解决这个问题，我一时头大，从来没有遇到过这样的问题撒，该如何解决呢？后来还是同行妹妹聪明，经过网上的一番查资料后，终于找到了解决问题的办法：a[...