一、Web让广播明星黯然失色 要建立Web页面，需要创建用超文本标记语言（HyperText Markup Language，HTML）编写的文件，把它们放在一个Web服务器上二、Web服务器能做什么？Web服务器在互联网上有一份全天候的工作。 服务器就是连接到互联网的计算机。 每个服务器会存储HTML文件、图像、声音和其他类型的文件。 你在网上冲浪，单击一个链接来访问某个页面。这个单击会导致浏览器向Web服务器请求一个HTML页面三、...
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>40-CSS精灵图</title><style>.box{width: 86px;height: 28px;background-image: url(images/weibo.png);background-position: -425px -200px;}</style></head><body><!--
1.什么是CSS精灵图
CSS精灵图是一种图像合成技术2.CSS精灵图作用
可以减少请求的次数, 以及可以降低服务器处理压力3.如何使用CSS精灵图
CSS的精灵图需要配合背景图片和背景定位来使用
--><...
利用纯CSS创建一个等高多列的布局并不件易事，本教程将着重分析出现在多列布局的多个问题，然后为大家等来一个简单全游览器通吃的解决方法，不使用图片，脚本，CSS hacks并在最严格的XHTML 规范中都能通过验证。 问题的症结所在如上图所示，由于各列的内容不一致导致其背景的高度也不统一。而背景实质上是内容（标准的盒子模型是由内容区，补白区，边框区与边界区组成，背景存在于前三者中；IE为前两者）的自适应的问题。再转化一下...
合理的避免使用ID一般情况下ID不应该被应用于样式。ID的样式不能被复用并且每个页面中你只能使用一次ID。使用ID唯一有效的是确定网页或整个站点中的位置。尽管如此，你应该始终考虑使用class，而不是id，除非只使用一次另一个反对使用ID的观点是含有ID选择器权重很高。CSS选择器中避免标签名当构建选择器时应该使用清晰， 准确和有语义的class(类)名。不要使用标签选择器。 如果你只关心你的class(类)名
，而不是你的代码元素，这样...
Here are the examples how to place the elements in the middle of the parent element. The first example works in all new browsers except Internet Explorer of version 7 and less. The second one looks more difficult, but it has some tricky fixes which make it workable in IE7 and IE6.译者信息本篇文章展现一些能够将目标元素放在父元素的中间例子。第一个例子可以在除IE7以下的所有浏览器中实现，第二个例子虽然...
html 在一个网页中负责的事情是一个页面的结构 css(层叠样式表) 在一个网页中主要负责了页面的数据样式。编写css代码的方式： 第一种： 在style标签中编写css代码。 只能用于本页面中，复用性不强。 格式 ： <style type="text\css"> 编写css的代码。 </style> 例子： <style type="text\css"> a{ color:#F00; text-decoration:none...
方法一 思路：显示设置父元素为：table，子元素为：cell-table，这样就可以使用vertical-align: center，实现水平居中优点：父元素（parent）可以动态的改变高度（table元素的特性）缺点：IE8以下不支持 <!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>未知宽高元素水平垂直居中</title>
</head>
<style>.parent1{display: table;height:300px;width: 300px;background-color: #FD0C70;
}
.parent1 .child{...
#triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red;}#triangle-down { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 100px solid red;}#triangle-left { width: 0; height: 0; border-top: 50px solid transparent; ...
CSS3 Gradient 分为 linear-gradient（线性渐变）和 radial-gradient（径向渐变）。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用 CSS3 Gradient，我们需要先了解一下目前的几种现代浏览器的内核，主要有 Mozilla（Firefox，Flock等）、WebKit（Safari、Chrome等）、Opera（Opera浏览器）、Trident（讨厌的IE浏览器）。 本文照常忽略IE不管，我们主要看看在 Mozilla、Webkit、Opera 下的应用，当然在 IE 下也...
Graphics View提供了一个界面，它既可以管理大数量的定制2D graphical items，又可与它们交互，有一个view widget可以把这些项绘制出来，并支持旋转与缩放。这个柜架也包含一个事件传播结构，对于在scene中的这些items,它具有双精度的交互能力。Items能处理键盘事件，鼠标的按，移动、释放、双击事件，也可以跟踪鼠标移动。Graphics View使用BSP树来提供对item的快速查找，使用这种技术，它可以实时地绘制大规模场景，甚至以百万it...
<form><div><input id="item1" type="radio" name="item" value="选项一" checked><label for="item1"></label><span>选项一</span></div><div><input id="item2" type="radio" name="item" value="选项二"><label for="item2"></label><span>选项二</span></div>
</form>
div {position: relative;line-height: 30px;}input[type="radio"] {width: 20px;height: 20px;opacity: 0;}label {position: absolute;left: 5px;top: 3px;w...
这阵子在做一个web端项目中遇到一个问题，需要实现带箭头的选项卡点击可切换。起初没想太多，直接切一个向上的小箭头图片，外层div设置相同颜色的边框，再用相对定位和绝对定位。这种方法是可行的，但是因为手机和电脑的屏幕显示图片的画质细节不同，导致1px的边框比1px的切图实际粗很多，对于有强迫症的人来说心里总是不舒服的……后来我就想，屁大点的箭头直接用css写一个算了。可是以前没写过，那就研究一下吧。网上有很多这方面...
<!DOCTYPE html><html> <head> <title> new document </title> <meta name="author" content="xxx" /> <meta charset="utf-8"/> <style type="text/css"> div{ width:100px; height:100px; border:1px solid red; overflow:hidden; word-break:break-all; white-space:nowrap;/*不允许换行 只能在一行显示*/ text-overflow:ellipsis;/*注意必须结合 overflow:hidden; white-space:nowrap；一起使用*/ } </style> </hea...
在编写CSS时也存在一些编码规范，平时注意这些基本的规范，可使代码更易阅读和维护。<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title><style>/* 语法用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。为选择器分组时，将单独的选择器单独放在一行。为了代码的易读性，在每个声明块的左花括号前添加一个空格。声明块的右花括号应当单独成行。每条声明语句的 : 后应该插...
html设置网页的结构内容，css设置样式，要记的标签很多，要学好无非是多练，然后看别人怎样写的代码，对比自己的，这样能更好地理解。 关于浮动，既然所有浮动必须要清除，那在设置浮动的同时，就先把清除浮动的代码写上，免得后面忘记清除浮动。设置父元素的高度height，div中最后的div元素设置clear{clear：both}，ul中在ul属性上设置overflow{overflow：hidden}是三种有效的方法 padding与margin对块元素及行内元素均适用...
