javascript body{ font:100% normal Arial, Helvetica, sans-serif; padding:0 10px; margin:0px;}span,ul,li,p,div{ margin:0px; padding:0px;}.abc_yb{ margin:10px 0;line-height:22px; display:block;}.abc_yb p,.abc_sy p{ line-height:25px; padding-left:10px;}.abc_dc font{ font-size:12px; margin-left:8px;}.abc_sy{ display:block; margin-bottom:10px;}.abc_ys{ background:#029ae3; height:22px; -webkit-borde...
下面这两个事件经常用到： onMouseOut="this.start()" ：用来设置鼠标移出该区域时继续滚动 onMouseOver="this.stop()"：用来设置鼠标移入该区域时停止滚动 代码如下: onMouseOut="this.start()" ：用来设置鼠标移出该区域时继续滚动 onMouseOver="this.stop()"：用来设置鼠标移入该区域时停止滚动 这是一个完整的例子： 代码如下: 这是一个完整的例子 该标签支...
CSS中主要的伪元素有四个：before/after/first-letter/first-line，在before/after伪元素选择器中，有一个content属性，能够实现页面中的内容插入。 插入纯文字 content:"插入的文章"，或者content:none不插入内容 html: 这是h1这是h2 css h1::after{ content:"h1后插入内容"}h2::after{ content:none} 运行结果：https://jsfiddle.net/dwqs/Lmm1r08x/ 嵌入文字符号 可以使用content属性的open-quote属性值和close-q...
生成 HTML 文档初始结构 HTML 文档的初始结构，就是包括 doctype、html、head、body 以及 meta 等内容。你只需要输入一个 “!” 就可以生成一个 HTML5 的标准文档初始结构，你没有看错，输入一个感叹号（当然是英文符号），然后摁下 TAB 键，就会发现生成了下面的结构： 这就是一个 HTML5 的标准结构，也是默认的 HTML 结构。如果你想生成 HTML4 的过渡型结构，那么输入指令 html:xt 即可生成如下结构： Em...
CSS3 提供给了我们非常多的转换函数： 2D: translate, rotate, scale, skew. 3D: translate3d, rotate3d, scale3d, skew3d. 只需要将这些函数作为transform属性的值，就可以设置相应的效果。 CSS3 动画则是将这些效果以及其他CSS属性按照你设定的方式来进行互相转变。 1. 动画相关属性 属性 描述 @keyframes 定义动画各个阶段的状态的代码段 animation 所有动画属性的简写属性，除...
columns语法：columns：[ column-width ] || [ column-count ]设置或检索对象的列数和每列的宽度 其中：[ column-width ]：设置或检索对象每列的宽度；[ column-count ]：设置或检索对象的列数。 css代码： body{font:14px/1.5 georgia,serif,sans-serif;}p{margin:0;padding:5px 10px;background:#eee;}h1{margin:10px 0;font-size:16px;}.test{ width:628px; border:10px solid #000; -moz-columns:200px 3; -web...
最近画富瑞的界面，很多元素的定位都是个问题（在我没有很详细的知道position属性之前） 后来上网查了下关于position的一些相关的属性和用法，遂整理了一下 position：属性：固定元素的定位类型。即元素脱离文档的布局流，在元素的任意位置显示。 关于position的属性值，有四种： 1、static：默认布局（默认值） 2、fixed：固定定位，顾名思义是固定的意思，和absolute定位类似，但是比absolute更”定“！...
border-image简介 css3中新增了一个属性border-image，这个属性允许开发者使用图片来定义边框,扩充了 CSS2 中仅有的几个预定义边框样式(border-style)。border-image 是一个简写属性，分别设定了以下几个属性。 border-image-source border-image-slice border-image-width border-image-outset border-image-repeat 为什么图片可以作为边框？ 在开始学习border-image之前我有一个疑问，图片是怎么应用到容器的边...
转载自个人博客 1.常用选择器 1.1标签选择器 p{ }/*选择标签名为p的元素*/ 1.2类选择器 .box{ }/*选择class名为box的元素*/ 1.3ID选择器 #pid{ }/*选择id名为pid的元素*/ 1.4通配符选择器 *{ }/*选择页面中所有的元素*/ 1.5选择器前缀 div.bd{}/*选中class名为bd且标签为div的元素*/ 1.6属性选择器 [disabled]{}/*选择带有属性disabled的所有元素*/[type=button]{}/*选择type属性为button的所有元素*...
frame 包含哪些内容 在开发中也许会用到 frame 这个东东,frame知识点包括（frameset标签、frame标签、iframe标签）,这里说一说这是个什么鬼.你还在瞎扯什么淡淡show your code. code说话 综合示例对不起，您的浏览器不支持“框架”！ 注意: 在使用frameset的使用就不要用body标签包裹了,一定要记住呀 下面咱就具体分析一下 frameset和frame 都有那些属性 frameset属性 border设置框架的边框粗细。 borderco...
在CSS中,颜色的用法是有几种的方式来处理,比如像我经常比较喜欢用的红色,就有以下的几种表达方式: #ff0000 #f00 rgb(255,0,0) rgb(100%,0%,0%) red regba(255,0,0,1) 第一种是16进制的写法, 第二种是16进制的缩写法, 第三种是RGB的0~255的颜色值设置, 第四种也是RGB的方式,只是值使用的是百分比, 第五种使用的是颜色名称,当然这里只能是部分的颜色名称(这里只是一...
现在设计师同学越来越高大上了，纯色背景已经不能满足人民群众日益增长的物质文化需要了，必须整渐变背景o(╯□╰)o。怎么还原呢，设计师直接丢过来一个几十K的图片，这怎么行。。。 还好我们有CSS第三代！这次就来唠唠CSS3 Gradient(/?gre?d??nt/)的用法。 从 Can I use 上看，现代浏览器支持程度良好，尤其移动端，对于不支持的浏览器，下文会提供一种采用纯色的降级方案。 但是各种兼容性问题肯定免不了，Grad...
css有三种定位机制 标准流 浮动 绝对定位 只要不指定，所有标签均在标准流中定位。块级标签由于独占一行，所以从上到下排列，而行内和行内块级则水平排列。 css position 一切标签皆是框 通过position属性，我们可以选择四种不同类型的定位 static:按标准流定位（村里分地，按照规则正常分） relative:框偏移某个距离，原本在正常文档流中所占空间仍保留（我分来的地我不种，但还是我的，你...
弹性盒模型详解 每天都是大晚上的给各位读者老爷写文章，我也是瀑布汗。(⊙﹏⊙)b 近日很多内容都是直接在网上摘录的，具体文章链接全部在文章最底部。 如果涉及到版权问题，请及时联系我，我会尽快做出处理。 今天弄的东西都是老生常谈的问题， 如果你之前读过，就当温习好了，如果没读过，就当学习罢了。 发现自己又墨迹了好长时间，不好意思了。2016年03月23日21:27:25 这里写图片...
概念介绍： 1、px (pixel，像素)：是一个虚拟长度单位，是计算机系统的数字化图像长度单位，如果px要换算成物理长度，需要指定精度DPI(Dots Per Inch，每英寸像素数)，在扫描打印时一般都有DPI可选。Windows系统默认是96dpi，Apple系统默认是72dpi。 2、em(相对长度单位，相对于当前对象内文本的字体尺寸)：是一个相对长度单位，最初是指字母M的宽度，故名em。现指的是字符宽度的倍数，用法类似百分比，如：0.8em,...