转自：http://blog.csdn.net/qiushi_1990/article/details/40260447?utm_source=tuicool&utm_medium=referral一，html+css基础1-1Html和CSS的关系学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的：1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色...
很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧，不仅适用于求职者，对于巩固复习前端基础更是大有裨益。 而更多的题目是我一路以来收集的，也有往年的，答案不确保一定正确，如有错误或有更好的解法，还请斧正。 前面几题是会很基础，越下越有深度。 附上第一篇：BAT及各大互联网公司2014前端笔试面试题--JavaScript篇 Html篇： 1.你做的页面在哪些流览器测试过？这些浏览器的...
1.HTTP:超文本传输协议 HTTP请求（HTTP request）部分： 请求行【HTTP方式（get或者post）；请求url；HTTP版本】 请求头 空行 消息体 HTTP响应（HTTP response）部分： 状态行【HTTP版本；响应码；响应描述】 响应头 空行 消息体2.常见特殊符号空格 小于＜ <大于＞ >版权号? ©已注册? ®and & &长破折号 3.常见块级元素和内嵌元素 块...
经过这两天的学习，学到了一些基础的HTML及CSS的应用，接下来进行总结：首先HTML包括一些标签，比如<h1></h1>标签是标题，有6个不同大小样式的标题，分别是h1~h6‘；<p></p>标签是表示段落;然后还有<u></u>这个是下划线；<strong></strong>这个是加粗；<em></em>这个是变斜，<img src="">这个是图片标签，<a href="" target=""></a>，这个是超链接标签，target是设定他的打开方式。<a name="top">顶部</a> <a href="#top">回到顶部...
div{display:table-cell;vertical-align:middle}#crayon-theme-info .content *{float:left}#crayon-theme-info .field{font-weight:bold}#crayon-theme-info .field,#crayon-theme-info .value{margin-left:5px}#crayon-theme-info .description.value{font-style:italic;color:#999}#crayon-theme-info .type{text-align:center;min-width:120px;font-weight:bold;border-right:1px solid #ccc;padding-right:5px}#crayon-theme-...
奥运五环把奥运五环做成一个浮动，总是位于屏幕中央的效果。难点定位的练习 position ：fixed位于body中间的时候 left：50%；top:50%;css内部样式表的使用 style="text/css"方法使用border-radius: 50%再加上z-index设置层叠关系首先我们用5个块级元素来形成5个环的颜色和形状，并把这5个环放置到一个父级容器div内，再将这个父级元素div放置到浏览器中间位置。设计须知div的作用:div是一个块级元素。它可以将html分割成独立的、不...
简介目前处于学习阶段，现在虽然在Java没有什么建树，但我相信持之以恒的坚持做一件事，最终会达到自己的初期目标的。好啦，不多说，今天是Web入门的第一门，让我们一起学习前端入门之html&css吧HTML学习入门1. HTML的简介什么是HTML：HyperText Markup Language 超文本标记语言。HTML的作用：Java Web 使用Java开发网页 做网页HTML是最基础网页语言HTML的代码都是由标签所组成的2. HTML的基本格式(重点)<html><head>存放在head里面...
今天没有写完，而且写的还有点问题，所以今天就先不上传代码了（ps：快写完了才发现布局有问题，导致代码太多，感觉写的不是很好，所以今天先分析一下布局）第一步先写一个大的div用来放ABC三个部分，这个大的div居中！第二步分别写ABC三个部分，ABC三个部分分别使用浮动（float）来定位。A和B都各使用了一张非常小的图片，通过重复（repeat）属性生成A和B第三步C部分分别写好3~16这几个模块，在通过组合利用浮动定位。分组如下： ...
HTML 负责提供标签，对数据进行标记封装CSS 负责提供样式属性，对数据进行样式定义DOM 负责将标记文档和标签等内容解析成对象，并在 对象中定义属性和行为，就可以指挥对象做事情。JAVASCRIPT 负责网页页面的行为（该怎么动），动态效果的体现，需要程序设计语言来完成。 基本步骤1、定义页面机构，HTML；2、定义页面样式：CSS；3、动态效果，对象已经被DOM解析驻留在内存；3.1、明确事件源；3.2、明确事件动作；3.3、定义出来方式...
行内元素：会在水平方向排列，不能包含块级元素，设置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, 内联元素（...
1.对WEB标准以及W3C的理解与认识 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性; 2.xhtml和html有什么区别 HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语...
第四章 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