05 2016 档案
摘要：1.实现梯形 利用边框我们可以得到梯形，首先我们给一个div添加边框，当给边框设置四个不同的颜色时，我们可以得到这样的样式，可以看到这里上边框是一个梯形，那么如果我们给其他边框设置颜色为透明(transparent)，就可以得到一个梯形了。梯形的高便是边框的宽度设置。 <!doctype html>
阅读全文
摘要：JavaScript能做什么？ 1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等) 2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等) 一. 数组 var myarray=new Array(); 二. 函数 getDay() 返回星期，返回的是0-6的数字，0 表示星期天。
阅读全文
摘要：1. JavaScript函数： function 函数名() { 函数代码;//完成特定功能的代码。 }PS：函数定义好后，是不能自动执行的，所以需调用它,只需直接在需要的位置写函数就ok了 2. 输出内容（document.write） a. 输出内容用“”括起，直接输出""号内的内容 docu
阅读全文
摘要：HTML：超文本标记语言，基本的网页设计语言 XHTML：基于XML的严格版的HTML XHTML相对于HTML的区别： 标签正确嵌套、标签必须有结束标记、区分大小写、属性值要用双引号、id代替name属性、图片要有alt说明、特殊字符的处理如<用<表示
阅读全文
摘要：共同点： 改变行内元素的呈现方式，display设置为block；让元素脱离文档流，不占据空间；默认会覆盖到非定位元素上。 不同点： absolute的根元素是相对于static定位以外的第一个父元素进行定位，是可以自己设置的，而fixed的根元素固定为浏览器窗口，当滚动网页时fixed元素与浏览器
阅读全文
摘要：<div id="box1"> <div id="left1"></div> <div id="right1"></div> </div> #box1{width:100%;height:600px;position:relative;} #left1{margin-right:200px;bord
阅读全文
摘要：优雅降级： 一开始就构建完整的功能，然后再针对低版本浏览器进行兼容 渐进增强： 一开始就构建最少的特性，然后再对高版本浏览器进行效果、交互等改进和追加功能达到更好的用户体验。
阅读全文
摘要：相同点： 都是长度单位 不同点： px是绝对单位，不支持IE的缩放，em是相对单位。 px的值是固定的，指定是多少就是多少；em得值不是固定的，并且em会继承父级元素的字体大小 ps: 浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px
阅读全文
摘要：href是指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接。 src是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片等元素。当浏览器解析到该元素时，会暂停其他资源的下载
阅读全文
摘要：1. 浮动 浮动是css的布局功能，在CSS中，包括div在内的任何元素都可以浮动的方式显示。它能够改变页面中对象的前后流动顺序。浮动元素会脱离文档流，不占据空间。浮动元素可以左右移动，直到碰到包含它的边框或者浮动元素的边框停留。 2. 浮动可能带来的问题 父元素的高度无法撑开，影响与父元素同级的元
阅读全文
摘要：CSS权重值计算 一条样式规则的整体权重值包含四个独立的部分：[A, B, C, D]; （1） A 表示内联样式（写在标签的style属性中），只有 1 或者 0 两个值；对于内联样式，由于没有选择器，所以 B、C、D 的值都为 0，即 A=1, B=0, C=0, D=0（简写为 1,0,0,0
阅读全文
摘要：不同的浏览器对有些标签的默认显示是不同的，对css样式初始化可以实现样式的统一，消除不同浏览器间页面显示的差异性。。。 一般初始化方式为：*{margin：0；padding：0；}
阅读全文
摘要：基本思路1：三块高宽是确定的；上面那块用margin: 0 auto;居中；下面两块用float或者inline-block不换行；用margin调整位置使他们居中。 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <ti
阅读全文
摘要：圆角（border-radius:8px）、 阴影（box-shadow:10px）、 对文字加特效（text-shadow）、 线性渐变（gradient）、 旋转（transform） transform:rotate(9deg) scale(0.85,0.90) translate(0px,-
阅读全文
摘要：1. 概念display:inline-block 将对象呈现为inline对象，但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个link（a元素）inline-block属性值，使其既具有block的宽度高度特性又具有inline的同行特性，甚至更多，比如
阅读全文
摘要：相同：不管sessionStorage localStorage 还是 cookie 都是存储用户数据的。 不同： 1、cookie的存储空间小， cookie的数据是会通过http请求带到服务器的（在浏览器和服务器间来回传递），同一域名下的所有请求都会带上它。可以想象，如果cookie很大是会影响
阅读全文
