CSS定位有四种模式：static、relative、absolute、fixed，其它static是默认值，下面分别讲解下各自的特点； static：静态定位，处于动态布局流中，按照页面中的各元素先后顺序、父子关系自动排列与布局，每个静态定位元素均占用动态布局的一块空间； relative：相对定位，处于动态布局流中，如果设置了偏移量（LEFT或TOP的值），则会有相应的位置调整，位置调整的标准是基于上一个处于动态布局流中的元素（即：设为static及re...
本文摘自：http://blog.csdn.net/freshlover/article/details/7610269 text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及，这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor} 对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径 阴影扩展半径 阴影颜色} box-shadow属性的参数设置取值：...
HTML中决定元素叠加顺序的CSS属性最有名的应该是z-index了。但是，往往在项目中发现有些情况和我们的预期不太一致。经过研究和学习，总算搞清楚了其中的关系。简单总结如下： 只有Positioned（Position不为static的元素）元素的z-index属性才有效 z-index可以是负数 没有z-index或z-index无效的元素（参见第一条）相当于z-index为0； 符合某些条件的元素，浏览器会为它们创建一个叫stacking context的东东。根据DOM树结...
什么是HTML? 超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。 -----源于百度百科 也就是说，前台的界面，包...
在牛腩新闻发布系统的前台开发中，首次接触到了css+div进行网页设计的技术。整的来看，这是网页设计的最基础的部分，但也是最常用的部分，所以在这方面打好基础以后，对以后学习JS、JQ等更加有帮助，也更容易上手。 Css的核心内容：标准流、盒子模型、浮动、定位。 标准流：就是标签的排列顺序，代码里面的元素的顺序与网页上的实际排列元素是一致的就是标准流，当使用浮动或其他手段设置元素顺序的时候，元素就脱离了标...
之前实习都是小打小闹，感觉没干过正事，这次刚毕业就摊上大活了，主要参与产品PC端的开发，这次经历让我更加清楚了前端这个职位的职责，前端工程师切图是基本的，js是必须的，工程师三个字才是最为重要的。合格的前端应该是只要给我个后台接口剩下的我全部搞定，装逼的说：要有一夫当关万夫莫开之势。当然期间和后台的配合协商也是很重的。前后两端有很多技术的交际，对于一些略带粗糙的数据前端可以处理后端更能处理，这个时候就...
动画(Animation),是CSS3的亮点.//之一 通过animation属性指定@keyframe来完成关键帧动画; @keyframe用法: @keyframes name { 0% { top: 0; }/*0%可用from关键字替代*/ 50% { top: 10px; } 100% { top: 0; }/*100%可用to关键字替代*/} 由于是CSS3,所以不出意外的各种前缀: --图片来自MDN,CSS中的关键帧 单个帧中可填写多个属性,而且不需要保证一致,如: @-webkit-keyframes identifier { from { to...
上周用了一周的时间，周一到周五平均每天2-3小时，周六、周日每天各8小时，看网易云课堂燕十八的HTML+div+CSS视频，感觉还不错，按照视频的讲课思路大概做个总结吧。 基本思路：从大的方面（整体结构）着手，将HTML（4.0）的基本知识“解构”然后运用，先不求学全，先学会用。 学习效果：掌握了下面的知识，基本就可以动手写各大网站的首页了，主要是练习使用div布局和CSS效果显示。 一、html的文档结构 doctype 文档类型 ...
先从CSS3的选择器说起： E F：所有的子孙元素； E>F: E中的子元素； E+F：E元素之后的最近的选择器； E~F：E中所以后面兄弟元素（CSS3 不包括自己本身，前面也不包括） att*=val:只要包含指定的元素符（val1 val2 等等都算）； att^=val：首字符匹配； att$=val：尾字符匹配； att~=val：用空格分隔，且其中一个是val； att|=val：以val开头并用"-"连接符； CS...
在制作后台登录页的时候，需要从网页上面把那个圆角矩形框选取下来，然后通过Photoshop进行切割，在进行设置，最后得到需要的登录框的圆角矩形框。如下图。 但是登录最新的智囊团的那个登录页面的时候，上面的那个圆角矩形框已经没有了，最新的登陆页面跟QQ邮箱登录页面一样，没有了圆角矩形框。所以我就想到了用css自己堆出来一个圆角矩形框，通过查找资料，以及自己的一些使用方法的改进，最终得到了自己所需要的圆角矩形...
最近一直很多事情，博客停下来好久没写了，整理下思路，把最近研究的基于Metronic的Bootstrap开发框架进行经验的总结出来和大家分享下，同时也记录自己对Bootstrap开发的学习研究的点点滴滴，希望在开一个《基于MVC4+EasyUI的Web开发框架经验总结》的系列文章，逐步介绍这个响应式框架的点点滴滴。 Bootstrap是一个前端的技术框架，很多平台都可以采用，JAVA/PHP/.NET都可以用来做前端界面，整合JQuery可以实现非常丰富的界面效果...
关于这一话题，我认为我们需要解决的问题有：什么是web标准？定义web标准的目的？遵循web标准的好处？ 一、百度百科对web标准的解释： WEB标准不是某一个标准，而是一系列标准的集合。 网页的主要组成部分 对应的标准 结构 XHTML、XML 表现 CSS 行为 W3C DOM、ECMAScript 对于web三大组成元素的使用要求是：语法正确、使用合理。...
最近看了一篇总结ie常见bug的文章，里面提到ie多数的bug源于她的特有属性：hasLayout。这个属性以前也了解过一点，但没有深入去理解，于是查阅了一些相关的资料，现在在此来对这个属性作一下总结。 一、hasLayout的定义。 这里我就不一一敲了，直接复制百度的咯。 在ie中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了 hasLa...
一.通配选择符(Universal Selector): 语法：* 说明：1.*表示通配符,表示所有的 2.格式:*{样式列表} 3.用于整个页面或网站字体、边距、背景等 例子： 1 2 3 4 5 通配选择符 6 7 * 8 {/**定义网页中所有元素字体、边距样式*/ 9 margin:0px;10 font-size:28px;11 font-family: "华文彩云";12 }13 div *14 {/**定义div中所有...
最近在看一本书,觉得讲得特别精辟,把一些重要的地方记录下来 使用语义化的标签 (1)好处:能够很好地自我解释,方便搜索引擎理解网页的机构,抓取重要内容,去样式后也会根据浏览器的默认样式很好地组织网页内容,具有很好的可读性,从而实现对特殊终端的兼容 (2)常见模块: demo 1: 常见的标签 title 更多 段落 demo 2:表单 demo 3: 表格 表单html 表头1 表头2 ...