今天没有写完，而且写的还有点问题，所以今天就先不上传代码了（ps：快写完了才发现布局有问题，导致代码太多，感觉写的不是很好，所以今天先分析一下布局）第一步先写一个大的div用来放ABC三个部分，这个大的div居中！第二步分别写ABC三个部分，ABC三个部分分别使用浮动（float）来定位。A和B都各使用了一张非常小的图片，通过重复（repeat）属性生成A和B第三步C部分分别写好3~16这几个模块，在通过组合利用浮动定位。分组如下： ...
今天为大家介绍一个非常炫酷的超链接特效。在你做一些前端的网页时可以在里面去用上这些前卫时尚的效果。这些超链接特性，大都是借助伪元素、svg、HTML5动画来实现的。效果都很漂亮，不信看下面。用你的鼠标悬停在这些链接上，你就能体验和传统链接完全不一样的感觉。当然最重要的一点：你需要使用现代浏览器才能有更好的体验效果，比如谷歌浏览器或火狐浏览器。演示效果和下载请看：http://yusi123.com/3236.html1. [代码]节选其中...
HTML 负责提供标签，对数据进行标记封装CSS 负责提供样式属性，对数据进行样式定义DOM 负责将标记文档和标签等内容解析成对象，并在 对象中定义属性和行为，就可以指挥对象做事情。JAVASCRIPT 负责网页页面的行为（该怎么动），动态效果的体现，需要程序设计语言来完成。 基本步骤1、定义页面机构，HTML；2、定义页面样式：CSS；3、动态效果，对象已经被DOM解析驻留在内存；3.1、明确事件源；3.2、明确事件动作；3.3、定义出来方式...
效果图： 代码实现：样式部分style.css:*{margin: 0;padding: 0; } body{background-color: #673929;font-size: 16px;font-family: "微软雅黑" } #conters{margin: 0 auto;width: 900px; }#header{height: 220px;margin-bottom: 5px;position: relative; } #icon-list{position: absolute;top:170px;right: 30px;width: 130px;height: 30px;/*font-size: 0;*/ }#nav{height: 30px;background: #09c;margin-bottom: 5px;font:18px...
行内元素：会在水平方向排列，不能包含块级元素，设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。 块级元素： 各占据一行，垂直方向排列。从新行开始结束接着一个断行。 块级元素：div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table 行内元素：span, strong, em, br, img , input, label, select, textarea, cite, 内联元素（...
背景在搜索引擎中搜索关键字.htaccess 缓存，你可以搜索到很多关于设置网站文件缓存的教程，通过设置可以将css、js等不太经常更新的文件缓存在浏览器端，这样访客每次访问你的网站的时候， 浏览器就可以从浏览器的缓存中获取css、js等，而不必从你的服务器读取，这样在一定程度上加快了网站的打开速度，又可以节约一下你的服务器流量。问题现在问题来了，.htaccess设置的css、js缓存都有一个过期时间，如果在访客的浏览器中已经缓...
1.对WEB标准以及W3C的理解与认识 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性; 2.xhtml和html有什么区别 HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语...
图片本身的优化： 图像质量要求和图像文件大小决定你用什么格式的图片，用较小的图片文件呈现较好的图像质量。 当图片色彩过于丰富且无透明要求时，建议采用jpg格式并保存为较高质量。 当图片色彩过于丰富又有透明或半透明要求或阴影效果时，建议采用png24格式，并对IE6进行png8退化（或在不得已情况下使用滤镜）。 当图片色彩不太丰富时无论有无透明要求，请采用png8格式，大多数情况下建议采用这种格式。 当图片有动画时，只能使...
第四章 Web之旅一、如何让自己的页面可以在网上找到 之前我们做的页面都是本地的页面，只能在自己的电脑上看到，要让别人也看到，就要将自己的网站发布到Web上，需要找到托管公司，租赁他们的服务器来托管自己的网站。二、选择托管公司主要考虑下面几点 ①技术支持：它有没有好的系统来处理你的技术问题？比较好的公司会通过电话或邮件对你的问题迅速做出回应。 ②数据传输：这是托管公司允许你在一定时间内向访问者发送...
一、真正解决了UTF-8中文乱码的各种问题（菜单乱码，内容乱码，提示信息乱码），不用担心WIN用默认编码写的东西在Linux乱码，或在Linux（zh_CN.UTF-8时）写的东西在WIN下乱码。在Arch、CentOS 6.2、win 7 SP1,使用GVIM 7.3.46测试通过，无问题。二、添加了zenconding,配色方案包，JS，自动补全插件，使前端开发更快速。三、使用时将vimfiles、_vimrc覆盖至安装目录即可。四、参考了论坛里一些网友的设置，并附上其教程，表示感谢。...
原文出处： Ico_Coco 的博客（@CHoK__Coco_mAm） 欢迎分享原创到伯乐头条收集分享出来希望更多的前端er共同进步吧，不仅适用于求职者，对于巩固复习前端内容更是大有裨益。而更多的题目是我一路以来收集的，也有往年的，答案不确保一定正确，如有错误或有更好的解法，还请斧正。前面几题是会很基础，越下越有深度。 Html篇：1.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? IE: trident内核 Firefox：gecko内核 Sa...
<html><head><title>河北礼品公司</title></head><style> #test {border:1px solid #ccc;background:#fff;padding:10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}</style><body><div id="test">我是一只怎么也飞不动的小鸟~<br>请使用火狐或Chrome测试!</div></body></html> 原文：http://www.cnblogs.com/youtianxia/p/3833529.html
一、html基本标签1.基础标签： 标题标签：h1--h6 容器标签：div 行标签：span 跳转标签：a href target（self\blank） 图片标签：img --元素 src,alt 段落标签：p 分段标签：br 分割标签：hr2.html列表标签： 去掉独占行：style=‘list-style:none;‘ ol:有序列表 type ul：无序列表 type dl:图文列表 dt:标题 dd:放内容3.块标签：div 、p、dl 、ol 、ul4.行内标...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>HTML5 css图片自动缩放</title> <style type="text/css"> .cont{ margin:0 auto; width:600px;} .cont img{max-width: 100%!important; height: auto!important;...
前言：该篇说明：请见 说明 —— 浏览器工作原理与实践 目录 在上一篇文章中我们介绍了导航相关的流程，那导航被提交后又会怎么样呢？就进入了渲染阶段。这个阶段很重要，了解其相关流程能让你 “看透” 页面是如何工作的，有了这些知识，你可以解决一系列相关的问题，比如能熟练使用开发者工具，因为能够理解开发者工具里面大部分项目的含义，能优化页面卡顿问题，使用 JavaScript 优化动画流程，通过优化样式表来防止强制同步...