随笔分类 -  Html

摘要:1. 基础前端开发者 1.1 HTML & CSS 最基础的知识: 语义化的HTML元素 基础的CSS语法 Flexbox & Grid CSS变量 浏览器开发者工具 1.2 响应式布局 响应式设计将不再是网页的加分项, 而是必须的 设置viewport 非固定宽度 媒体查询 使用 rem 替代 p 阅读全文
posted @ 2019-06-12 11:51 对方屌丝正在输入中
摘要:http://www.cnblogs.com/ranyonsue/p/5984001.html https://www.cnblogs.com/qdhxhz/p/8468913.html 【HTTP协议】 HTTP协议详解 HTTP协议详解 一.HTTP简介 1.HTTP协议,即超文本传输协议(Hy 阅读全文
posted @ 2019-01-12 15:47 对方屌丝正在输入中 阅读(371) 评论(0) 推荐(0)
摘要:http://www.w3cplus.com/blog/tags/136.html http://www.w3cplus.com/css/css-sticky-foot-at-bottom-of-the-page body { display: flex; flex-flow: column; mi 阅读全文
posted @ 2017-06-26 13:54 对方屌丝正在输入中 阅读(164) 评论(0) 推荐(0)
摘要:原理就是利用 overflow:hidden; 阅读全文
posted @ 2017-06-22 12:36 对方屌丝正在输入中 阅读(272) 评论(0) 推荐(0)
摘要:如果是自己网页的话,可以这样,$("iframe").contents().find("body").html();意思是,获取iframe里面页面body的内容同理,$("iframe").contents().find("body").height();获取高度,以此类推 阅读全文
posted @ 2017-06-21 17:24 对方屌丝正在输入中 阅读(4726) 评论(0) 推荐(0)
摘要:iframe 与主框架相互访问方法 http://blog.csdn.net/fdipzone/article/details/17619673/ 1.同域相互访问 假设A.html 与 b.html domain都是localhost (同域) A.html中iframe 嵌入 B.html,na 阅读全文
posted @ 2017-06-19 10:30 对方屌丝正在输入中 阅读(705) 评论(0) 推荐(0)
摘要:http://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html 曾几何时为了兼容IE低版本浏览器而头痛,以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代,为了处理各终端的适配而乱了手脚。对于混迹各社区的偶,时常发现大家 阅读全文
posted @ 2017-04-25 13:40 对方屌丝正在输入中 阅读(367) 评论(0) 推荐(0)
摘要:text-transform 属性控制文本的大小写。 阅读全文
posted @ 2016-08-09 10:22 对方屌丝正在输入中 阅读(914) 评论(0) 推荐(0)
摘要:自从翻译了《解读 HTML5:建议、技巧和技术》,就一直没有时间去看 HTML5 相关的东西。上周一次偶然的工作间隙折腾了下 Cache Manifest 。当时直接拿博客当测试环境,虽然应用起来非常简单,但效果却出奇的好。缓存后的速度,简直是惊人的快。像 Yslow 显示,打开一个缓存过的页面,只 阅读全文
posted @ 2016-07-18 09:59 对方屌丝正在输入中 阅读(284) 评论(0) 推荐(0)
摘要:http://www.oschina.net/translate/20-powerful-sublimetext-plugins http://www.w3cplus.com/tools/emmet-cheat-sheet.html 添加插件 ctrl+shift+p 输入install 输入插件名 阅读全文
posted @ 2016-07-08 08:59 对方屌丝正在输入中 阅读(214) 评论(0) 推荐(0)
摘要:什么是Application Cache HTML5引入了应用程序缓存技术,意味着web应用可进行缓存,并在没有网络的情况下使用,通过创建cache manifest文件,可以轻松的创建离线应用。 Application Cache带来的三个优势是: ① 离线浏览 ② 提升页面载入速度 ③ 降低服务 阅读全文
posted @ 2016-07-07 14:38 对方屌丝正在输入中 阅读(204) 评论(0) 推荐(0)
摘要:随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达... 阅读全文
posted @ 2015-10-20 10:47 对方屌丝正在输入中 阅读(542) 评论(0) 推荐(1)
摘要:1.特色的 © © © 版权标志 | | 竖线,常用作菜单或导航中的分隔符 · · · 圆点,有时被用来作为菜单分隔符 ↑ ↑ ↑ 上箭头,常用作网页“返回页面顶部”标识 € € € 欧元标识 ² ² ² 上标2,数学中的平方,在数字处理中常用到 阅读全文
posted @ 2015-07-17 10:15 对方屌丝正在输入中 阅读(502) 评论(0) 推荐(0)
摘要:前端模块化在JavaScript发展初期就是为了实现简单的页面交互逻辑,寥寥数语即可;如今CPU、浏览器性能得到了极大的提升,很多页面逻辑迁移到了客户端(表单验证等),随着web2.0时代的到来,Ajax技术得到广泛应用,jQuery等前端库层出不穷,前端代码日益膨胀这时候JavaScript作为嵌... 阅读全文
posted @ 2015-05-12 15:22 对方屌丝正在输入中 阅读(204) 评论(0) 推荐(0)
摘要:没有什么新意,全是从网上摘抄的,如果哪天忘了,就来查查吧。选择器是jQuery最基础的东西,本文中列举的选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择器的理解,它们本身用法就非常简单,我更希望的是它能够提升个人编写jQuery代码的效率。本文配合截图、代码... 阅读全文
posted @ 2015-05-05 11:50 对方屌丝正在输入中 阅读(216) 评论(0) 推荐(0)
摘要:前几天一@同事看新浪微博里有个类似分隔线的提示,就自己试了几种方法来实现这个分隔线。下面就是简单实现分隔线的几种方法,个人比较喜欢第二种,我也给出了最后第五种比较2的写法,请大家拍砖,或者提供其他好的方法。单个标签实现分隔线:点此查看实例展示.demo_line_01{ padding: 0 ... 阅读全文
posted @ 2015-04-02 18:23 对方屌丝正在输入中 阅读(2215) 评论(0) 推荐(0)
摘要:css3实现社交图标旋转效果 twitter li a span { background: url(images/sprite.png) no-repeat; display: block;... 阅读全文
posted @ 2015-03-18 10:34 对方屌丝正在输入中 阅读(232) 评论(0) 推荐(0)
摘要:CSS书写规范及顺序CSS书写顺序1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, c... 阅读全文
posted @ 2015-02-26 17:43 对方屌丝正在输入中 阅读(134) 评论(0) 推荐(0)
摘要:ie6中,$('a.btn').click(function(){form.submit();})点击失效;分析:微软低版本浏览器会先执行link标签的自身事件也就是href事件,这样就中断了form的submit事件,“return false;”的意思是中断link标签的的自身事件执行。解决办法... 阅读全文
posted @ 2015-02-06 14:56 对方屌丝正在输入中 阅读(186) 评论(0) 推荐(0)
摘要:1、在单元格中加入一个空格。这样: 2、直接在table里这样写: 看清了啊,border-collapse只能是collapse,虽然border-collapse还有separate,inherit属性。用这 种方法可以把边框显示出来,但很郁闷的是—-它显示的是细边框。顺带一下separate... 阅读全文
posted @ 2015-02-02 10:41 对方屌丝正在输入中 阅读(390) 评论(0) 推荐(0)