不忘初心

摘要： document 文挡对象 - JavaScript脚本语言描述---------------------------------------------------------------------注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写 否则会提示你一个错误信息 "引用的元素为空或者不是对象"---------------------------------------------------------------------对象属性document.title //设置文档标题等价于HTML的标签document.bgColor 阅读全文

摘要： cursor:hand 与 cursor:pointer 的效果是一样，都像手形光标。但用FireFox浏览时才注意到使用cursor:hand在FireFox里并被支持。cursor:hand ：IE完全支持。但是在firefox是不支持的，没有效果。cursor:pointer：是CSS2.0的标准。所以firefox是支持的，但是IE5.0既之前版本不支持。IE6开始支持。附：cursor属性收集光标类型 CSS十字准心 cursor: crosshair;手 cursor: pointer;cursor: hand;写两个是为了照顾IE5，它只认hand。等待/沙漏 cursor: . 阅读全文

摘要： 前提：面向水晶头有铜片的一侧，线序从左向右看一、千兆、百兆概述T568B：橙白、橙、绿白、蓝、蓝白、绿、棕白、棕 T568A：绿白、绿、橙白、蓝、蓝白、橙、棕白、棕 直连线：两端都做成T568B或T568A。用于不同设备相连（如网卡到交换机）。 交叉线：一端做成T568B一端做成T568A。用于同种设备相连（如网卡到网卡）。 10M的网卡中只有四根弹片，8根线中另四根不起作用所以要求低，两边是同一顺序就行，但最好按规范做；100M的网卡中有8根弹片，四根用于数据传输，另四根用于防串扰，严格按照规范做线能减少网络故障。1、传输速度不一样，百兆网线，虽然里面有8根线，传送时，只用了4根线。 而千兆 阅读全文

摘要： 我 们在做网页的时候可能会发现，对于一个已经做好的网页如果我只需要去修改其中某一块的样式，例如颜色的时候发现去修改样式表文件往往不起作用，而如果写一 个行内样式的话就可以得到想要的效果，很多时候我们还找不到原因，其实这里面很大程度是样式继承做的怪，所以这里我们有必要来共同来探讨一下CSS样式的 继承。 CSS 的继承是指被包在内部的标签将拥有外部标签的样式性质。继承特性最典型的应用通常发挥在整个网页的样式预设，即整体布局声明。而需要要指定为其它样式的部 份设定在个别元素里即可达到效果。这项特性可以给网页设计者提供更理想的发挥空间。但同时继承也有很多规则，应用的时候容易让人迷惑。继承是一种机制. 阅读全文

摘要： jQuery Corner是一款jQuery的插件，最初由Dave Methvin开发，但后在Malsup同志的协助下，进行了一些重要的改进。现在项目放在github上，当然为了方便，本文会以附件的形式提供该插件，但要想得到最新版，请到项目的github上拿。 之所以会像变魔术一样地展现圆角及其他样式，是由于该插件为目标元素增加了一些小条块，这些小条块为背景色，所以人眼看上去出现了圆角而已，其实就是小东西遮盖了本来的直角。 看来我真不是干魔术师的料，一上来就先把老底给揭了出来。不急，我再补充一下，这个魔术的一些要求：1、插件专为block元素编写，所以div、p等均适用；而inline的元.. 阅读全文

摘要： 一、动态伪类动态伪类，因为这些伪类并不存在于HTML中,而只有当用户和网站交互的时候才能体现出来，动态伪类包含两种，第一 种是我们在链接中常看到的锚点伪类，如":link",":visited";另外一种被称作用户行为伪类，如“:hover”,":active" 和":focus"。先来看最常见的锚点伪类 .demo a:link {color:gray;}/*链接没有被访问时前景色为灰色*/ .demo a:visited{color:yellow;}/*链接被访问过后前景色为黄色*/ .demo a:hover 阅读全文

摘要： CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用CSS3 Gradient,我们需要先了解一下目前的几种现代浏览器的内核，主流内容主要有Mozilla（熟悉的有Firefox，Flock等浏览器）、WebKit（熟悉的有Safari、Chrome等浏览器）、Opera（Opera 浏览器）、Trident（讨厌的IE浏览器）。本文照常忽略IE不管，我们主要看看在Mozilla、Webkit、Opera下的应用，当然在IE下 也可以实现，他需要通过IE特有的滤镜来实 阅读全文

摘要： 本文我们搁下IE不谈，只谈谈box-shadow的具体使用方法语法：E {box-shadow: ??||}也就是：E {box-shadow:inset x-offset y-offset blur-radius spread-radius color}换句说：对象选择器 {box-shadow:投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色}box-shadow和text-shadow一样可以使用一个或多个投影，如果使用多个投影时必须需要用逗号“，”分开。取值：box-shadow属性至多有6个参数设置，他们分别取值：阴影类型：此参数是一个可选值，如果不设值，其.. 阅读全文

摘要： document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度实例： var hi = document.documentElement.clientHeight; var wi = document.documentElement.clientWidth; var wi = wi-2; va 阅读全文

摘要： 前言：width和heigth不会相互作用 ，各自为政！1、当div设置了固定的长度和宽度后高度和宽度都行！：不管里面有没有内容（可以无视内容），div就是一个框子在那（默认无边框）！即使内容超出，尺寸也不变！#select_box {WIDTH: 330px; HEIGHT: 40px;border:2px solid red;}显示效果：2、若是div设置为百分比的形式宽度无论如何都行！：width:50%;能行！ 无视内容！ 即使内容超出宽度框的宽度还是50%，内容超出框而存在；高度无论如何都不行！：heigth：50%则不行 高度为内容的高度，如要设置高度 需要用height:50px 阅读全文