xhtml的概念html是超文本链接语言的缩写(HyperText Markup Language)。简单来说html是一种网页语言,我们用它做网页,而且它学习起来很简单。xhtml呢?X代表“扩展的”,xhtml就是升级版的html语言,他比html更加严谨纯净,学名叫做扩展超文本链接语言(EXtensible HyperText Markup Language)。蓝狮注册它是一个W3C标准,用它制作的网页能让更多的浏览器正确的接受并准确显示出来,而且xhtml把许多样式的体现方式交给了CSS,真正做到了结构与样式的分离。人们开发xhtml的目的就是要逐步取代老一代的html语言。xhtml和html的主 ...
蓝狮注册开户4条小建议整理你的CSS
长期写网站css,尤其是大型网站的人应该都有一个体会,就是希望把css更有条理、有组织的写出来。让自己的css更加标准化。这样不但方便查看,尤其是在网站做进一步拓展开发时,显的尤为重要,减少很多开发工时,也将更便捷。 今天看了一篇相关的国外文章,里面举了一些方法很实用,结合国内的实际情况,整理了一下,来跟大家分享,希望能帮到大家规整化自己的css。有更好建议的朋友也欢迎指出,共同进步。 将css模块组织化 这条建议可能是最实用的一个,蓝狮注册可以运用于任何css的形式。例如:1 #main_side {2 width: ...
蓝狮注册开户浏览器渲染原理
基本概念 WEB 页面运行在各种各样的浏览器当中,浏览器载入、渲染页面的速度直接影响着用户体验简单地说,页面渲染就是浏览器将 HTML 代码根据 CSS 定义的规则显示在浏览器窗口中的这个过程。 渲染过程 用户输入网址(假设是个 HTML 页面,并且是第一次访问),蓝狮注册开户浏览器向服务器发出请求,服务器返回 HTML 文件;浏览器开始载入 HTML 代码,发现 标签内有一个 标签引用外部 CSS 文件;浏览器又发出 CSS 文件的请求,服务器返回这个 CSS 文件;浏览器继续载入 HTML 中 部分的代码,并且 CSS 文件已经拿到手了 ...
蓝狮注册开户浏览器渲染之回流reflow
基本概念 浏览器为了重新渲染部分或整个页面,重新计算页面元素位置和几何结构(geometries)的进程叫做 reflow(回流)。有时 reflow 页面中的一个元素会 reflow 它的祖先元素以及所有子元素。 由于 reflow 的开销非常之大,因此要尽可能的避免 reflow 的发生。 产生 reflow 的原因 ● 调整窗口大小; ● 改变字体; ● 增加或者移除样式表; ● 内容变化,比如用户在 input 框中输入文字; ● 激活 CSS 伪类,比如 :hover (IE 中为兄弟结点伪类的激活); ● 操作 class 属性; ● 脚本操作 DOM; ● ...
蓝狮注册开户响应式布局入门
最近研究响应式设计框架的时候,发现网上很多相关的属性介绍,却很少有系统的入门级使用的文章,我自己整理了一篇入门知识,并没有什么高深的理论,也不牵扯到框架。 目前已经越来越多的站点以及wap站点使用响应式设计,因为大屏幕的移动设备越来越普及。而自适应布局已经无法胜任各种浏览需求。响应式设计的目的是尽可能以最好的布局显示您的数据,以实现用户友好的 Web 页面。 css2的时期有一个不是很常用的media type,他拥有比如aural(声音)braille(触摸)print(打印)handheld(移动设备)等等十种媒体类型,(附 ...
蓝狮注册开户前端开发模块化高效重构
说起模块化,也许我们首先想到的是编程中的模块设计,以功能块为单位进行程序设计,最后通过模块的选择和组合构成最终产品。把这种思想运用到页面构建中, 也已经不是什么新鲜事。相信很大一部分页面构建工程师都经历了这样几个阶段:第一阶段是在一个css文件中把多个页面按自己的习惯顺序从上往下编写样式, 基本不考虑有无公用样式,以完成设计呈现为首要目的;第二阶段是提取不同页面中的通用样式,如公用颜色、图标、按钮等,实现一些基本元素的复用;第三阶段 是提取公用功能模块,如导航、版权信息等,实现部分公用模块的 ...
蓝狮注册web页面性能优化的34条黄金守则
网站页面性能优化的34条黄金守则1、尽量减少HTTP请求次数终端用户响应的时间中,有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢?这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术。 合并文件是通过把所有的脚本放到一个文件中来减少HTTP请求的方法,蓝狮官网如可以简单地把所有的 ...
蓝狮注册css hack完美解决ie6下边框透明
一般情况下边框必须存在一个背景颜色,蓝狮官网即使不刻意定义,也会调用默认值。
如果想使得边框颜色透明,在其余浏览器下还比较简单,直接使用:蓝狮注册border-color:transparent;
但是在IE6 下上面的办法却不行,我们可以用以下的HACK办法,使得边框颜色透明:
_border-color:tomato;
_filter:chroma(color=tomato);
标签:hack, ie6, 边框透明
蓝狮注册CSS3中新的字体单位rem
前段时间无意中在wordpress主题中接触到一种字体单位rem,当时我就很好奇 蓝狮注册,毕竟以前没有见过,于是我马上查找资料,并测试了一回. 众所周知在web中有很多字体单位(font-size)较常见的有em,px,让我们对比一下这两种单位: px是绝对值,准确而稳定.但是它的改变会影响页面布局.em是相对值,它以父元素的大小为基准单位,来计算大小.所以很难把握.考虑到这么多字体单位的优缺点,在CSS3中rem诞生了.rem也是相对单位(rem=root em)很明显rem是由em变化而来,或者说rem是em的升级版,具体来历.我们就不要去追究了,从字体表面上看, ...
蓝狮注册CSS Border使用小分享
之前在懒懒分会上分享的一点关于border画小图的内容, 完整的ppt在这里. 原理css盒模型一个盒子包括: margin+border+padding+content– 上下左右边框交界处出呈现平滑的斜线. 利用这个特点, 蓝狮官网通过设置不同的上下左右边框宽度或者颜色可以得到小三角, 小梯形等.– 调整宽度大小可以调节三角形形状.示例1一般情况下, 我们设置盒子的宽高度, 及上下左右边框, 会呈现如下图 test1 { height:20px; width:20px; border-color:#FF9600 #3366ff #12ad2a #f0eb7a; border-style:solid; border-width:20px; }示例2在上面 ...