也许很多框架都自带了这样的弹出泡泡框，但我没接触过，现在需要用，于是便自己封装了一个，虽然还不完美，但已经可以用了。这个小控件可以重定义样式，通过传递配置参数，或修改默认配置参数都可以进行样式调整。不管怎么说，就当是练手，或给新人提供一个参考学习的机会也行吧 /* * js 对象合并 */function extend(newObj, defaultObj) { var result = {}; for (var p in defaultObj) { result[p] = defaultObj...
已知父div容器，父容器包含两个子div，在两个子div标签后面添加一个清除浮动(clear)的div标签，父div标签的内部(左右两边/*css5*/)浮动就清除了。 如果有一个div容器 ，包含了一个子容器，子容器设置一个宽度、高度、背景色，如不设置内、外边距以及清除浮动clear、浮动float，此时子容器div默认居左。那么是否真的居左，我们设置一下float:left；发现设置了居左left，子容器的div产生了浮动，子容器div离大容器顶部有一定...
DIV+CSS是WEB设计标准，它是一种网页的布局方法。与传统的通过表格布局定位的方式不同，它可以实现网页页面与表现想分离。 因为在牛腩还有JS都有大量的接触到CSS，到现在再学习DIV+CSS的时候，就不再感觉陌生了，都是共鸣~~ 无论怎么设置CSS样式，都少不了选择器和样式表。 样式表 样式表最主要的有三种。分别为嵌入式样式表，外部样式表和内联样式表。 嵌入式样式表 在html的标签之间添加样式表。 示例： 示例...
不少人为了让 Div 图文混排的图片可以居中，给 IMG 套各式各样的 SPAN、DIV、LI 等等，以便于使用 text-align来进行居中。 1 图文混排2 3 4 而对于 DIV 的居中，使用下面的这种办法的非常多，然而这种办法默认状态下并不适用于 IMG 居中。 1 div{margin:0 auto} 这是因为 IMG 标签是属于内联元素（行内元素），内联元素是不支持 Margin 属性，通过 Display 属性将 IMG 强制为块元素的方式显示，便可在图文混排中使得...
自己做了一个网站，需要用到弹出框的功能，以前没做过这个，就去网上查了下资料，然后试着写了一个最简单的弹出框效果。 需求：点击弹出框按钮，在原页面基础上弹出一个弹出框，并且背景要变成灰色，原页面不能被编辑知道关闭弹出框。 原理：在原页面的基础上添加两个div，一个是弹出框，一个是弹出框后面的背景层（页面变灰）。首先这两个div是跟原页面的代码在一起存放的，只不过使用了display：none这个css属性先将其隐藏不显...
最近封装上瘾，想起以前做的一个轻巧的弹出框，是样式和脚本分离的，于是重新封装了一下，把样式标签统一到js里了。里面还有一些问题，但不影响使用，有兴趣的同学，可以参考完善下，有好的建议，请不吝赐教。 var PopDialogDefaultConfig = { hasCover: true, //是否带遮罩层 colorOfCover: "#000", //遮罩层颜色 transparencyOfCover: 80, //遮...
#div { font-family:"黑体"; font-weight:bold;}
Div+Css的初步运用 采用DIV+CSS模式的网站具有以下优势：1、表现和内容相分离 2、代码简洁，提高页面浏览速度 3、易于维护和改版 4、提高搜索引擎对网页的索引效率。html文件中放置CSS有三种类型：内联、内嵌、外联三种。感觉Css中必须要清楚它的六中选择符：1、HTML选择符 2、类选择符 3、ID选择符 4、伪元素选择符 5、关联选择符 6、组合选择符。Css中包涵六大类属性：1、字体属性 2、文本属性 3、背景属性 4、边框属性...
CSS主要用于对HTML文件功能的补充及扩展，其作用就是对HTML文件中各种排版进行设置，达到对网页中字体、颜色、背景、图片等的控制，使网页能够完全依照设计者的想法来显示。 CSS可以控制网页的显示，HTML标签中的属性也可以控制其显示，为什么还要有CSS呢？其中一个原因就是：以前几乎一个人就可以完成一个网站的设置，非常的简单，现在不是了，一个网站需要很多的人一起工作才可以完成，如果每个人都按照自己的喜好网页制作，那...
个人认为前端工程师正慢慢演变为产品工程师。wap app, 响应性UI等以html5技术为基础的开发将成为前端工程师的主要工作内容，解决产品跨平台跨设备的实现问题。Javascript, HTML, CSS这些前端工程师熟悉的，多年使用的语言，作为开放标准将被各种平台所支持。产品形态和数据的分离是形势所趋。移动时代对产品形态多元化的要求虽然可以靠不同技术分别实现，但要付出巨大的成本。这也是html5这个04年就提出来的标准，直到前两年才火爆...
现在的网站对于前端的排版已经逐渐不使用，而是使用div+css。 使用这种方法的最大好处就在于在维护页面时，可以只维护css而不去改动html。 可是这种方式对于初学者来说可能不好理解，所以简单描述一下使用div+css排版基础。 下图是一个使用div+css排版的示例： html和css： body{font-size:20px;font-weight:bold;color:white;...
什么是div+css:在介绍div+css优势之前先来介绍一下什么是div+css。div+css是当下网页设计中最流行的词汇之一，它是一种网页布局方式。在XHtml标准中，不再使用table定位方式，而是通过CSS控制div来实现我们所需要的定位，即div+css布局。此种布局方式已经超越表格布局方式，成为当下最为流行的方式，当前主流的大型网站甚至中小企业网站都已div+css布局方式，可见它的优越性所在。div+css的优势:div+css网页布局相对于table布局方式...
Document *{ margin: 0; padding:0; } .main_obj{ width: 500px; height: 240px; /*background-color: #9cf;*/ margin:0 auto; margin-top: 200px; } .ben_main,.lai_main{ height: 230px; width: 220px; ...
先说明一下，我也是半路出家的和尚，可能有些地方说的不到位，只是个人观点而已。 记得我学这块内容的时候是在北京一家公司上班的时候学的，那时候也没有人带着学习，就别人说了W3C，然后就开始自己看，照着里面的内容去打代码，每天晚上都敲到陵城3点，然后理解各个标签的作用（可能说的不标准），然后一个一个的看标签的属性。自己最开始独立写的一个页面就是用table写了一张简历。 代码： 个人简历 个...
.left{width:235px;float:left;margin-left:10px;border:1px solid red;height:50px;display:inline;/*加入inline-block*/}.right{width:754px;float:right;margin-right:10px;border:1px solid black;height:50px;display:inline;/*加入inline-block*/}