摘要: 平稳退化 如果正确的使用了JavaScript脚本,就可以让访问者在他们的浏览器不支持JavaScript的情况下仍能顺利地浏览网站。这就是平稳退化,即虽然某些功能无法使用,但最基本的操作仍能顺利完成。 平稳退化的经典例子:(比较以下几条语句) 在把href属性设置为真是存在的URL地址后,即使ja 阅读全文
posted @ 2016-06-01 19:31 Candy1029 阅读(910) 评论(17) 推荐(2) 编辑
摘要: DOM中常用的节点 DOM中有许多不同类型的节点,通常使用的有三种: 元素节点 文本节点 属性节点 3种DOM方法获取元素节点 通过元素ID(id) getElementById(“idName”),返回一个对象。 通过标签名字 getElementsByTagName(“tagName”),返回一 阅读全文
posted @ 2016-05-31 21:37 Candy1029 阅读(381) 评论(5) 推荐(0) 编辑
摘要: HTML&CSS 1.请描述一下 cookies,sessionStorage 和 localStorage 的区别? cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密)。 cookie数据始终在同源的http请求中携带(即使不需要),记会在浏览 阅读全文
posted @ 2016-05-29 21:11 Candy1029 阅读(337) 评论(5) 推荐(1) 编辑
摘要: 什么是JavaScript? JavaScript是一种具有面向对象(OOP)能力的,解释型的程序设计语言。 解释型:直接读它的代码,而不是像java等需要经过编译器编译成.class文件后,执行.class文件。 它是基于对象和事件驱动并具有相对安全性的客户端()脚本语言。 事件驱动:比如点击按钮 阅读全文
posted @ 2016-05-29 21:06 Candy1029 阅读(360) 评论(9) 推荐(3) 编辑
摘要: 行级元素之间的空白距离 如下图所示:(看似是一张图,实际上是三张图分别放在<a>标签中实现,如果没有经过特殊的处理,那么图与图之间就会留有空隙,影响页面布局的效果) 示例代码如下: 运行结果: 此时需要把html文档中行级标签之间的距离都去掉,即将所有的<a>标签写在同一行中且之间没有距离即可。如下 阅读全文
posted @ 2016-05-28 15:34 Candy1029 阅读(2784) 评论(18) 推荐(8) 编辑
摘要: 公共和个性化样式的合并 灵感:来自京东首页滚动广告右边的图标,如下图所示。 提取公共部分样式,个性化的再单独设置。 示例代码如下: 运行结果: 分类菜单布局的实现 从整体上搭好框架,如下:(我一定是来搞笑的……) “上部分类”做父容器。“左分类”使用冲出层样式,设定它的高度比父容器的高度还要高。 “ 阅读全文
posted @ 2016-05-27 21:12 Candy1029 阅读(2234) 评论(28) 推荐(7) 编辑
摘要: 我是要成为后宫佳丽三千的男人啊~ 用户界面样式 outline 复合属性(outline-width、outline-style、outline-color),设置对象外的线条轮廓。outline画在border外面。 使用频率一般,在H5中不建议使用。 语法与border的使用类似。 示例代码如下 阅读全文
posted @ 2016-05-27 18:44 Candy1029 阅读(377) 评论(4) 推荐(0) 编辑
摘要: 元素布局 display 设置对象是否及如何显示。IE7以下的浏览器不支持table相关的参数值。 红色颜色显示的属性值为常用的值。 语法:display:none(隐藏对象,与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间) | inline(指定元素为内联元素) 阅读全文
posted @ 2016-05-26 21:26 Candy1029 阅读(856) 评论(14) 推荐(8) 编辑
摘要: 什么是盒子模型 一个页面元素由:元素、边框、内边距、外边距构成。 width和height通常指元素的高度和宽度。元素的实际高度和宽度的计算如下图所示:(元素的宽度和高度是不加外边距margin的,展位的宽度和高度需要加上margin) 技巧:margin-left=margin-right=aut 阅读全文
posted @ 2016-05-25 21:53 Candy1029 阅读(1156) 评论(7) 推荐(4) 编辑
摘要: CSS3颜色渐变 background-image:linear-gradient(black,blue,green,red); 默认从上到下显示。 示例代码: background-repeat背景图片平铺 背景填充的方式。 语法:background-repeat:<repeat-style>[ 阅读全文
posted @ 2016-05-25 15:33 Candy1029 阅读(959) 评论(0) 推荐(9) 编辑