网页教程

       还记得小编前面发布的一些css3绘图教程么？我们通过before和after伪元素为整个页面减少了各种复杂嵌套的标签，从而提升页面的加载速度。 　　总结下来，我们不难发现，这两个伪元素多半是用于插入文本或者矢量图形，而背景通常是位图图像，如果我们想用多张不同的背景图片来填充同一个元素，那么伪元素是否还适用呢？显然可以，因为伪元素的结构跟普通的元素在结构上并没有太大的区别，只不过仅仅用来直接显示一张图片就未免有点大材小用了。 　　所以CSS3新 … 继续阅读“CSS3实现多重背景”

　　在小编的一次项目当中中，曾经有一次需要用到：selection伪元素，然后就有开发同学问我，css当中一个冒号以及两个冒号之间究竟有什么区别呢，相信许多同学都会对这个问题有所困惑。 　　好像这是许多前端同学都会存在的疑惑，小编证实了两个符号之间的区别，简而言之：单冒号，即:是用于CSS3伪类；而双冒号，即::，是用于CSS3伪元素。 　　W3C关于CSS3选择器的规范中的描述： 　　就是说，伪元素由双冒号以及伪元素名称组成。双冒号在当前规范中引入，是用来区分伪类以及伪元素。但伪类兼容现存样式 … 继续阅读“伪类前单冒号与双冒号区别”

      我们在设计网页时，首先需要确定网页主体内容如何布局。纵观各大网站，网页主体内容布局一般都采取居中浏览器的方式。我们课课家的首页也不例外。那么如何使用css让整个网页布局居中呢？其实方法很简单，下面小编就为大家介绍一下。 　　要设置网页主体内容居中，我们只需简单两步就可以实现： 　　第一步：对body设置CSS内容居中样式，代码为: 　　body{text-align:center}  　　第二步:对最外层对象设置margin:0 auto样式， … 继续阅读“如何实现div+css居中布局”

       乾坤八卦图衍生自中国古代的《河图》与《洛书》，伏羲根据燧人氏造设的这两幅星图所作。其形状经过抽象以后，成为对称感相当强的几何图形，无论是黑白两色还是形状，都非常地平衡和稳重。 　　不难发现，乾坤八卦图的形状均为圆形。而css3绘制圆的方法也很简单，设置圆角半径等于50%即可，所以绘制起来十分方便。 　　大体结构就是两个半圆，左白右黑，然后上下分别绘制一个半径等于大圆一半的圆，上黑下白，最后加上两个圆点即可。 　　总的来说，这个八卦图包括三层共 … 继续阅读“用纯CSS3绘制乾坤八卦图”

      电影《超能陆战队》中可爱的大白形象可谓红极一时，红到在技术圈都引起广泛的关注。程序员们都想着用自己熟悉的编程语言把这只大白给画出来，这当中自然也包括css3在内了。 　　二话不说，我们先来看看CSS3版本的效果图，想想CSS3诞生之前，画出这种巧夺天工的人物，web程序员们真是想都不敢想。 　　由于篇幅有限，本教程只介绍面部的画法，其它的大家可以类推。 　　还是那个套路，先来构建基础的html代码: 　　我们先给背景做了一些基本的设置，并且加入渐变填充来 … 继续阅读“用纯CSS3绘制可爱大白面部”

　　在css中有两个出镜率极高的名词就是内联元素和块级元素。如果你是CSS高手对这两个词一定司空见惯了。但对于新手而言，尤其是0基础的朋友就可能相当陌生了。如果你就是一名新手，如果你想了解一些内联元素和块级元素的内容，不妨看一看下面这篇文章。 　　一、块级元素和内联元素的定义 　　块级元素 　　顾名思义就是以块显示的元素。 　　内联元素 　　内联元素也叫内嵌元素或行内元素，一般都是基于语义级的基本元素。 　　二、常见块级元素 　　常见的块级元素有button,div,dl,dt,form,h1, … 继续阅读“内联元素和块级元素的学习”

       背景定位可以通过早期css的background-position进行实现，但仍缺乏一定的精确度。这是因为网页的框模型包含了多层的结构，比如外边距，边框，内边距等等。 　　然后问题就来了，背景设置位置的时候，参考点应该是哪个框的左上角呢？早期的CSS没办法设置这个，只有CSS3才把这个问题给考虑进去。 　　现在我们先来测试默认的效果，为了方便观察，我们使用一张线条感比较强烈的背景图片。命名为flower_bg.jpg并保存到html所在目录的 … 继续阅读“CSS3背景定位和裁剪的两个新属性background-origin和background-clip”

　　前端开发是网站应用和文章内容的调整，也算是一个设计师一样，只是设计师负责设计方面，而前端不单单对网站的设计还要管理好网站，常常艰巨的任务也是很重，需要责任感的一份工作。也是一个网站的策划者，那么我们今天来了解一下关于前端工作人员的工作内容及其职能，让我们走进前端开发的平台。 　　其实对于网站的构建上前端开发人员的方法都是大同小异，构建上有点区别，但是在网站的布局上大家都会一些许的共同特点，那么若果你你们想问关于前端工作的工作上的问题吗，他们可能会回答客户的需要而导致他们的工作要落实的苦差，我 … 继续阅读“平台是否是未来web开发的一个关键？”

　　最近做一小程序需要对Web打印进行精细的位置控制，IE自身的打印功能基本上算是半残废，无法自定义纸张，无法直接打印，并且由于浏览器版本或操作系统本身的设置问题，连最基本的边距设置都会有问题，总之打印已经成为Web程序的最大难题该控件只在IE中使用，使用该控件可以非常快速的实现这些功能。 　　ScriptX是一个商业工具软件，有免费版本和付费版本，如果过要使用其一些特殊的功能最好选择付费，二是使用第三方的控件ScriptX基本功能免费，但高级功能是收费的，下面我就把最近在项目中使用Script … 继续阅读“ScriptX控件为web带来的作用”

　　Web开发其实就是一个管理网站的工作，在这个工作上我们要做的事情很多很多，毕竟这不是做产品操作人员大概也没那么多，那么在这里我们要做网站的维护，服务器数据的记录，网站流量和网站的统计，节假日的活动等等，那么我们有时候经常在代码方面有一些顾及不了的细节，但是问题往往是自己的大意造成的。很有可能影响到用户的使用。那么下面我根据我的个人经验来说说一些常常容易犯的错吧! 　　一些常犯的错误汇总： 　　一、标签和表单没有关联的关键词来引导，那么我们可以正确的用引导，通过对表单范围的点击区域来加大关键词 … 继续阅读“时刻注意一些web网站上细节的引导”