知识点： 1.建立框架集的方法 2.在框架和窗口之间链接的方法 3.使用内联框架的方法13.1 什么是框架： 框架是浏览器窗口中的一个矩形区域，每个框架显示的是一个完整的页面。 作者不建议使用框架，原因： 1.框架与Web的基础概念冲突 /*什么概念？*/ 2.框架化的网站的打印部分非常困难。 3.如果框架爱缺乏合适的编码，或者有合适的编码但是被用于邪恶的目的，用户可能在框架化的网站中无法看到框架外部的...
不管有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。因此，编写灵活、稳定、高质量的 HTML 和 CSS 代码，是每一个技术人员的基本操守。HTML************************************************************************语法用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。嵌套元素应当缩进一次（即两个空格）。对于属性的定义，确保全部使用双引号，绝不要使用单引号。不...
今天的这个教程，教大家如何把psd页面利用div+css切割成html页面，这类的教程，本站做的一直都很少，大多讲的都比较零碎的一些东西，在今后，我们将慢慢发布翻译出更多这类的教程，供大家学习，转载请著名来源，以及站码翻译，谢谢....首先看看效果下面的图片就是效果图，切割出来后，可能头部和底部会宽点.....新建文件夹开始时，在您的计算机中创建一个文件夹。我把它命名为zmool。再在文件夹中创建新文件夹images，放网站的所有...
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>账号注册</title><style>select {width: 100px;padding: 5px;font-size:16px;}</style> </head> <body> <!--要实现的功能: 账号 密码 性别 <爱好> 地址出生年月 头像 相册 邮箱 电话 肤色 音量 个人简介--> <form action="demo01.html"method="post"> <!--账号开始--><p>账号:<input type="text"name="userCode"required placeholder="请输入账号:...
先看看效果，把鼠标移上去看看。backfront 1. 本实例需要以下元素： a. 外容器 box b. 内容器 border c. 默认显示内容 front d. 滑动内容 back2. 外容器BOX的Height为200px，Width为200px；1.box1{ 2 position: relative; 3 top: 100px; 4 left: 100px; 5 width: 200px; 6 height: 200px; 7 border: 1px solid #ccc; 8 overflow: hidden; 9 }3. 内容器BORDER的Height为200%，Width为100%，Top为-100%； 1.bord...
本文转自：http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html 一、"自适应网页设计"的概念2010年，Ethan Marcotte提出了"自适应网页设计"（Responsive Web Design）这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。他制作了一个范例，里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素，则6张图片并排在一行。如果屏幕宽度在600像素到1300像素之间，则6张图片分成两行。如果屏...
1.手机浏览器与桌面浏览器的不同现在手机浏览器的显示分辨率与桌面浏览器差不多，但是手机的尺寸比电脑要小很多。一个没做过响应式处理的网站，在手机和电脑上显示完全一样的内容， 不可避免的会出现字体被缩小的现象。想象一下电脑里12号字体缩小好几倍的效果吧。 所以如果将web网页移植为wap应用上，还是有许多问题需要考虑。2.理解两个viewport的概念做过wap开发的都知道 html的 <meta name=”viewport”> ,这是一个从iphone引入...
html{width: 100%;height: 100%;margin:0px;padding:0px; }body{margin:0px;padding:0px;width: 100%;height: 100%; }#container{background:yellow;width: 100%;height: 100%;margin:0px;padding:0px; }试过很多次,如果不把html的高度宽度设定,那么全页面就没有任何值; 在引入css时特别注意路径问题; 比如 下图 css 和html分别为一个文件夹; 里面的内容导入要使用../css/layout.css 原文：http://www.cnblogs.com/JohnChen-happ...
文本也许是HTML里最常见的元素了，所以我们有必要对HTML的文本操作标签做下认识。1. <em>，<i>内的文字呈现为倾斜效果；2. <strong>，<b>内的文字呈现为加粗效果；3. <b>，<i>只是单纯的为了让文本具有某种特殊样式，而<strong>，<em>不仅带有特殊样式，而且也表达了某种语义；4. 在单纯的为了达到某种样式的情况下，建议使用不带有语义的标签。体验如下：http://www.mayacoder.com/lesson/lesson?lesson_id=28&knowledge_id=5原文...
http://www.cnblogs.com/milkmap/archive/2012/02/09/2343880.htmlionicframework.com原文：http://www.cnblogs.com/Athrun/p/4683429.html
终于把这套课程讲完了，虽然时间隔了很长，但也算有始有终了，这是在YY讲课中我自己录的，讲了网页设计的基础，这也是我第一次给那么多人讲课，讲的不好多多包涵。前几次视频和课件是分开的，后几次都打包在一起了，由于第三章是教使用Dreamweaver，而我建议开始学的时候使用文本编辑器，因此就没讲这章，等学完基础，相信你们能够自己摸索Dreamweaver的使用。视频：第一、二章网页设计语言基础(1)：http://yun.baidu.com/s/1sjz2V...
<!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>隐藏导航练习</title><style type="text/css"> <style type="text/css"> * { margin:0px;padding:0px;} #aa {height:40px;width:90px;top:80px;left:200px;background...
CSS3 边框用CSS3，你可以创建圆角边框，添加阴影框，并作为边界的形象而不使用设计程序，如Photoshop。在本章中，您将了解以下的边框属性：border-radiusbox-shadowborder-image浏览器支持Internet Explorer 9+ 支持 border-radius 和 box-shadow.Firefox, Chrome, 和 Safari 支持所有最新的 border 属性.注意： 前缀是-webkit-的Safari支持阴影边框。前缀是-o-的Opera支持边框图像。CSS3 圆角在CSS2中添加圆角棘手。我们不得不在每...
前端的工作很细，涉及的东西也很多，静态页面和js开发，调接口之类，有时还要自己设计。现在css管理使用less和sass，新东西起码要支持下，具体用与不用看公司的业务需求。前端人员之间的配合也很重要要有统一的文档，命名和一些规范。现在介绍一下网易的NEC，我觉得很不错。起码在命名和一些规范，动画效果上可以快速开发，代码写的快是王道我喜欢这句话。原文：http://www.cnblogs.com/heboliufengjie/p/4149600.html
主要内容：1. HTML标签：表单标签2. CSSHTML标签：表单标签* 表单： * 概念：用于采集用户输入的数据的。用于和服务器进行交互。 * form：用于定义表单的。可以定义一个范围，范围代表采集用户数据的范围 * 属性： * action：指定提交数据的URL * method:指定提交方式 * 分类：一共7种，2种比较常用 ...