页面制作之开发调试工具（1） 开发工具介绍 开发工具一般分为两种类型：文本编辑器和集成开发环境（IDE） 常用的文本编辑器：Sublime Text、Notepad++、EditPlus等 常用的IDE：WebStorm、Intellij IDEA、Eclipce等 我们这里主要...

假如有一个网站`www.linkname.com/link/`，输入网址进入该网站后在网页上有3个链接link1，link2和link3，也就是说存在这三个网站`www.linkname.com/link/link1`，`www.linkname.com/link/lin2`和`www.linkna...

前言盒子模型作为CSS基础中的基础，曾一度以为掌握了IE和W3C标准下的块级盒子模型即可，但近日在学习行级盒子模型时发现原来当初是如此幼稚可笑。本文尝试全面叙述块级、行级盒子模型的特性。作为近日学习的记录。 何为盒子模型?盒子模型到底何方神圣居然可以作为CSS的基础？闻名不如见面，上图了喂!再来...

不知道爱多想的你有没有在编写HTML代码时思考过 或是这一长串看都看不懂的 的代码，它是做什么的，为什么要有这句话，这句话起什么作用，它和其他HTML代码有关吗？嘤嘤嘤我才不回告诉你在前端的面试题中会经常看到对这个知识点的提问，而我们往往爱追求高大上的页面效果却忽略了最为基础的文档模式，没有文档...

今天下午帮同事改了这样一个bug: 在一个页面中对多张图进行上传时，由于input的value无法情况的问题，导致每次选完图片后，都跟第一张图片一样，无法出现如下效果： ...

1概念： 不同的浏览器对CSS的解析效果不同，为了达到相同的效果，就得根据不同浏览器写不同的css 2规则： CSS Hack大致有3种表现形式，CSS类内部Hack、选择器Hack以及HTML头部引用(if IE)Hack，CSS Hack主要针对IE浏览器。 类内部Hack：比如...

我和作者的观点差不多.标准好,但是未必实用. 以下是ZT文章: 经年以来，许多优秀的文章都在赞美着基于 CSS 设计的优越， 哀叹着基于表格设计的没落。但却很少有人换个角度想想，或许是因为你得在了解并运用了基于 CSS 的设计之后才可以批评它， 而一旦了解了之后，你又不愿意回头去用原先的老式设计...

1 2 3 4 CSS压缩混淆 / 格式化 / 美化工具 5 6 @charset "utf-8"; 7 /* CSS Document */ 8 9 *{margin:0; padding:0; font-family:"Microsoft YaHei UI"; font-size:1...

css选择器浏览器支持情况

转了一年还是转回前端了。今天开始认认真真仔仔细细的学习前端内容。首先就是html啦。 接触html比较晚，14年实习时候才真正接触了Java和html。现在学习的应该叫做html5了。整理一下今天所学的一些标签内容。 首先说一下DNS:全称Domain Name Syst...

这个页面是支付宝的新版首页，很好奇该页面上的登陆窗口放在幻灯片上。。懂的告诉下，谢谢拉 http://www.alipay.com/index.html 哇。。竟然不能上传图片附件。。只能远程的？？ 回复讨论(解决方案) 将登陆框position定位至焦点图之上，背景设置透明即...

遇见好的文章，笔者也会转载。但是正所谓好记性不如烂笔头，单纯的拿来主义也不如自己的亲自实践。所以每次需要转载的文章，我都会自己敲一遍，中间加入一些自己的思考。这篇文章转载自：http://www.hongkiat.com/blog/compass-image-sprite/作者Thoriq Fird...

网站换了服务器后发现shtml网页无法访问，原因是没有注册.shtml扩展名，解决方法如下 IIS6.0解析shtm,shtml文件由于IIS6.0的安全性较以前有特别大的改进,所以在很多功能默认情况下都是关闭的,前几天刚把这个困扰了我好久的问题给解决了.嘿嘿.费话不多说了,开始打开IIS管理器，...

安装好openedx后，访问奇慢。原因是 fonts.googleapis.com 在国内被墙了。 于是改为 360的镜像，希望长期能用。主要修改： 1. cd /edx/app/edxapp/edx...

刚写代码的时候，突然有个问题，float加在父级元素上和加在子级元素上有什么区别，还有浮动清除的一些问题 .main{ width: 1000px; background-color: bisque; over...

我在做一个三列布局，简单要求整体居中，然后左右两列固定宽度，中间一列自适应。 然后我的代码是这个 三列布局body{ margin:0; padding:0;}.con{width: 800px;margin: 0 auto;background-color: #ccc;position: ...

今天制作div的高度控制的时候发现IE下控制div的高度很小的时候无效，特意查了一下相关文章。 最终有了解决方案，参考下面文章： 如果要制作一条高度小于12PX（大约）的线条，在IE中会显示出高于实际高度的，看下面。 .line{ background: #CCCCCC; height...

原图：（宽1680px,高1050px） 可是，我们平时做网站的时候当中的图片大于可是窗口时，就会出现横的滚动条、图片被截断的情况，如下图所示： 这时候我们可以使用响应式技术来解决： 响应式图片就是当浏览器屏幕窗口大小改变时，图片会随着窗口大小的改变而改变，不会出现图片被截断或...

CSS盒状模型是大多数CSS布局与定位的基础，它以包含4个成分的有界限的盒子来描述网页中的每个元素。盒状模型示意图如下图所示。 盒子的尺寸=内容尺寸(width+height) + 内边距(padding) + 边框粗细(border) + 外边距(margin) 一、在给元素设置背景...