分类目录归档：全部列表

2014
12-03

CSS字体大小: em与px、pt、百分比之间的对比

CSS样式最混乱的一个方面是应用程序中文本扩展的font-size属性。在CSS中,你可以用四个不同的单位度量来显示在web浏览器中的文本大小。这四个单位哪一种最适合Web?这个问题引起了广泛的争论。找到一个确定的答案是困难的,因为这个问题,本身就是如此难以回答。接触这些单位1.  “Ems”(em):“em”是一个可伸缩的单位,用于web文档媒体展示。一个em等于当前的字体大小,例如,如果文档... 继续阅读 >
2014
12-03

HTML5网站开发专用基础模板（包含完整注释）

分享一个HTML5页面开发的基础性模板，包含了两个版本：开发版本注释版本开发版本<!DOCTYPEhtml><html><head><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metacharset="utf-8"><title></title><metaname="description"content=""><metaname="author"content=""><metaname="viewport"content="width=device-width,initial-scale=1"><linkrel="stylesheet"href=""><!--[ifltIE9]><scriptsrc=... 继续阅读 >
2014
12-03

5 款 Linux 下免费的 CSS 编辑器

一台计算机系统不能没有操作系统，大公司的开发者也开发过不复杂易于使用的操作系统。而Linux被认为是复杂的系统,它仍然是最常使用的系统，当然不仅仅是开发者和极客会使用，也可能是日常生活中的你或我，也喜欢它。因为它的神奇般的稳定因素和应用的拓展水平，都比WindowsOS好得多。互联网上，有很多工具为网页设计者和开发者而准备的。今天我要分享一款适用于linux用户的CSS编辑器。请访问这里并分享你的想法。1... 继续阅读 >
2014
12-03

html标签的嵌套规则

XHTML的标签有许多：div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、strong……我们在运用这些标签搭建页面结构的时候，是可以将它们无限嵌套的，但是，嵌套也需要有一定规则，不能任由自己的个人习惯胡乱嵌套，那么，html标签的嵌套规则有哪些呢？一、HTML标签包括块级元素(block)、内嵌元素（inline）1、块级元素一般用来搭建网站架构、布局、承载内容……它包括以下... 继续阅读 >
2014
12-03

CSS编写指导规范和建议

在参与规模庞大、历时漫长且参与人数众多的项目时，所有开发者遵守如下规则极为重要：保持CSS易于维护保持代码清晰易懂保持CSS的可拓展性为了实现这一目标，我们要采用诸多方法。本文档第一部分将探讨语法、格式以及分析CSS结构；第二部分将围绕方法论、思维框架以及编写与规划CSS的看法。CSS文档分析无论编写什么文档，我们都应当维持统一的风格，包括统一的注释、统一的语法与统一的... 继续阅读 >
2014
12-03

10个程序员最喜欢的 HTML和CSS 等在线代码编辑器

一般软件开发中必备的一样工具就是代码编辑器。传统的代码编辑器一般都是以软件安装包的形式安装到电脑里面，代码编辑保存后一般也是通过ftp或者svn等工具提交到服务器的（当然，像.NET开发中MicrosoftVisualStudio这样强大的集成工具另说了。）。在实际的项目开发中这样的方式也是挺便捷的。但是，随着各种云服务的兴起，云存储时代几乎已经是大势所趋了。个人或者小公司搭建一个类似的服务自然代价不菲。这时候利用... 继续阅读 >
2014
12-03

CSS垂直水平完全居中手册

居中一直是CSS中被抱怨的典型。为什么实现起来这么辛苦？所以有人被嘲笑。我觉得问题不是没有办法做到，只是视情况而定，有很多不同方式，但是很难弄清楚应该用何种方式。因此我写了这篇文章，希望能把他变得容易点。水平居中 内联元素（inlineorinline-*）居中?你可以让他相对父级块级元素居中对齐.center-children{text-align:center;}块级元素（blocklevel）居中?你可以通过设置... 继续阅读 >
2014
12-03

11个实用的CSS学习工具

1.盒子模型的幻灯片通过3D转换效果产生的互动的幻灯片。按向左或向右箭头键切换，全屏观看会有更好的效果。2.CSSDiner通过一个简单的小游戏让你学习CSSselector，输入正确的selector来完成每一关。你也可以通过菜单来选关。3.CSSSelectors交互这是一个简单可视化CSS选择器。选择左边菜单中的选择器,选择的条目就会出现在右边。4.前端Web开发考查CSS属性有大小写之分吗？5.TheMa... 继续阅读 >
2014
12-03

即使不编程 你也应该学会HTML和CSS的9大理由

你是不是听过太多人告诉你：「人人都应该要会coding！」都快要不耐烦了对吧？到底为什么身为一个行销专业者、作家、金融巨擘……，整个世界还要你学会coding？其实只要对HTML、CSS有基本的认识，就可以对你的事业造成很大的影响了！学习电脑语言可不只是产品助理与设计师的责任，就算你是个业务主管、活动企画、甚至是魔术师，你都能藉由学习coding来为你自己获得好处。听起来是不是说的比... 继续阅读 >
2014
12-03

8个提高效率的CSS实用工具

CSS，也就是CascadingStyleSheets，推出于1997年，差不多是17年前，至此为我们开发网页大开方便之门，协助我们制作出一个又一个惊艳绝伦的网站设计和模板，提升了我们的创造能力，给整体平台增加了对称美。网页设计不是一蹴而就的，需要不断的实践和改进，然后在最后期限前完成。如果你在写CSS代码上花费大量的时间，那么你就是在浪费资源。因为有很多工具能提高我们改进CSS文件的工作效率。这些工具需要我们先... 继续阅读 >
2014
12-03

HTML head 头标签

HTMLhead头部分的标签、元素有很多，涉及到浏览器对网页的渲染，SEO等等，而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代，head头部结构，移动端的meta元素，显得更为重要。了解每个标签的意义，写出满足自己需求的head头标签，是本文的目的。本篇以一丝的文章为基础，进行扩展总结介绍常用的head中各个标签、元素的意义以及使用场景。DOCTYPEDOCTYP... 继续阅读 >
2014
12-03

HTML5 中 40 个最重要的技术点

内容介绍SGML（标准通用标记语言）和HTML（超文本标记语言），XML（可扩展标记语言）和HTML的之间有什么关系？什么是HTML5？为什么HTML5里面我们不需要DTD（Document Type Definition文档类型定义）？如果我不放入<! DOCTYPE html>标签，HTML5还会工作么？哪些浏览器支持HTML5？HTML5的页面结构同HTML4或者更前的HTML有什么区别？HTML5中的datalist是什么？HTML5中哪些是不同... 继续阅读 >
2014
12-03

HTML 5 History API的”前生今世”

History是有趣的，不是吗？在之前的HTML版本中，我们对浏览历史记录的操作非常有限。我们可以来回使用可以使用的方法，但这就是一切我们能做的了。但是，利用HTML5的HistoryAPI，我们可以更好的控制浏览器的历史记录了。例如：我们可以添加一条记录到历史记录的列表中，或者在没有刷新时，可以更新地址栏的URL。为什么介绍HistoryAPI？在这篇文章中，我们将了解HTML5中HistoryAPI的来源。在此之前，我们... 继续阅读 >
2014
12-03

怎样用纯HTML和CSS更改默认的上传文件按钮样式

如果你曾经试过，你就会知道，用纯CSS样式加HTML实现统一的上传文件按钮可能会很麻烦。看看下面的不同浏览器的截图。很明显的，他们长得很不一样。我们的目标是创造一个简洁，用纯CSS实现的，在所有浏览器里的样子和布局是一样的上传文件按钮。我们可以这样： 步骤1.创建一个简单的HTML标记 <divclass="fileUploadbtnbtn-primary"><span>Upload</span><inputtype="file"class="upload"/>... 继续阅读 >
2014
12-03

这30类CSS选择器 你必须记在脑袋里！

大概大家都知道id,class以及descendant选择器，并且整体都在使用它们，那么你正在错误拥有更大级别的灵活性的选择方式。这篇文章里面提到的大部分选择器都是在CSS3标准下的，所以它们只能在相应最新版本的浏览器中才能生效，你完全应该把这些都记在你聪明的脑袋里面。1.**{margin:0;padding:0;}在我们看比较高级的选择器之前，应该认识下这个众所周知的清空选择器。星号呢会将页面上所有每一个元素都选到。... 继续阅读 >
2014
12-03

7个你可能不认识的CSS单位

众所周知CSS技术我们虽然很熟悉，在使用的过程却很容易被困住，这让我们在新问题出现的时候变得很不利。随着web继续不断地发展，对于新技术新解决方案的要求也会不断增长。因此，作为网页设计师和前端开发人员，我们别无选择，必须熟悉我们手上的工具，做到知己知彼，这样才能百战不殆。这就意味着有那么些个特别的货，虽然平常都不怎么会用上，但是一旦某个地方需要它们了，他们就真的是特么得合适不过来了呢。今... 继续阅读 >
2014
12-03

为HTML5开发人员量身打造的7个Web框架

HTML5规范开发完成时，将成为主流。据统计2013年全球将有10亿手机浏览器支持HTML5，同时HTMLWeb开发者数量将达到200万。毫无疑问，HTML5将成为未来5-10年内，移动互联网领域的主宰者。毋庸置疑，HTML5已经改变了我们的percieve在线网站、应用程序和内容。它是如此的先进，以至于许许多多的浏览器期望使用上HTML5的最新功能，然而这需要很长时间来计划以及实施。如果你之前有与网络相关的脚本经验，那么学习HTML5可能并... 继续阅读 >
2014
12-03

ASP.net升级后在IIS7中Form认证无法登录问题的解决

ASP.net1.1开发的Web应用程序，在升级到2.0或3.5以后，通过IIS7发布。程序中认证方式采用Form认证，Web.Config文件中代码如下：<authenticationmode="Forms"><formsloginUrl="Pages\SystemPage\Login\logon.aspx"name=".ADUAUTH"protection="All"></forms></authentication>【遇到问题现象】认证登录后，程序始终显示登录页logon.aspx通过程序跟踪，发现logon.aspx.cs中SetAuthC... 继续阅读 >
2014
12-03

如何让 IIS 支持 HTTPS

介绍对给本地IIS创建并管理自签名SSL证书本文很有帮助。对在本地IIS中创建一个安全的服务器本文也很有帮助。背景在浏览本文之前你应该具有IIS的知识。创建自签名SSL证书的步骤下载并安装InternetInformationServices(IIS)6.0ResourceKitTools(不用烦心它与IIS5.0兼容)点击这里下载.顺序点开执行Start->IISResources->SelfSSL->SelfSSL.exe.用下面的命令给IIS中默认的WebSite创建一... 继续阅读 >
2014
12-03

在Nginx下对网站进行密码保护

很多时候我们需要对一些网站进行密码保护，比如团队内部的站点、demo站点等等。这里所说的密码保护是服务器级的，并非网站应用层的注册登录那一套，而是利用服务器配置和htpasswd文件来实现访问的密码验证。最后的效果就类似（不同浏览器的界面有所不同）：如果认证失败，就会报HTTP错误：401AuthorizationRequired。要实现这样的功能，就需要更改服务器的配置，并设定好用于登录的用户名和密码。首先... 继续阅读 >
2014
12-03

IIS日志-网站运维的好帮手

对于一个需要长期维护的网站来说，如何让网站长久稳定运行是件很有意义的事情。有些在开发阶段没有暴露的问题很有可能就在运维阶段出现了，这也是很正常的。还有些时候，我们希望不断地优化网站，让网站更快速的响应用户请求，这些事情都发生在开发之后的运维阶段。与开发阶段不同的，运维阶段不可能让你去调试程序，发现各类问题，我们只能通过各种系统日志来分析网站的运行状况，对于部署在IIS上的网站来说，IIS日志提... 继续阅读 >
2014
12-03

Tomcat 生产服务器性能优化

试想以下这个情景：你已经开发好了一个程序，这个程序的排版很不错，而且有着最前沿的功能和其他一些让你这程序增添不少色彩的元素。可惜的是，程序的性能不怎么地。你也十分清楚，若现在把这款产品退出市场，肯定会给客户骂得狗血淋头。因为不管样子多么好看，性能才是客户们最需要的。如果你在软件实际运行中使用了Tomcat服务器，那么这篇文章将能让你学到一些能提高Tomcat服务器性能的方法。在此我先得感谢ITWorldarticl... 继续阅读 >
2014
12-03

对 Nginx SSL 的性能进行调整

这篇文章是讲web服务器方面的性能调整。不包括数据库性能的调整。初始化服务器这个web服务器运行在一个EC2t1。micro环境。我选择Nginx+PHP5-FPM来运行php页面，出于安全考虑我使用SSL。测试性能我使用Blitz。io来进行压力和性能测试。下面的是我压力测试的命令。功能是在60秒内逐渐增加用户。在整个过程中，Blitz。io每秒创建一个请求并增加4个用户(rise/run=260/60)。-p1-250:60https://mydo... 继续阅读 >