CSS/Xhtml教程

Alexa排名pr收录查询工具

站长友情连接检测工具站才工具

全能空间低价风暴

启蒙数据专业主机商（站才网信誉保证）

[公告]站才网对于所有会员发布原创文件均置顶推荐！

您当前的位置：站才网 -> 站长文章 -> 网页制作 -> CSS/Xhtml教程

站内搜索:

了解XHTML DHTML SHTML的区别

很多朋友分不清XHTMLDHTMLSHTML的区别，让我们来一起了解一下。XHTML：　　HTML是一种基本的WEB语言，XHTML是一个基于XML的置标语言，看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的XML，所以，本质上说，XHTML是一个过渡技术，结合了XML（有几分）的强大功...

(2011-10-06,[查看全文]

xhtml的标签和元素介绍

在学习本文之前我们先来看看下面这段代码，可以将其保存为test.html文件，它就生成了一个简单的网页文件，只是用它做个例子而已。我们暂且不管它是不是符合网页标准。?<html><head><title>网页的标题</title></head><body><palign="center">这是我的第一个网页.<strong>几个粗体字...

(2011-10-06,[查看全文]

XHTML的结构化标签

结构body,head,html,title文本abbr,acronym,address,blockquote,br,cite,code,dfn,div,em,h1,h2,h3,h4,h5,h6,kbd,p,pre,q,samp,span,strong,var链接a列表dl,dt,dd,ol,ul,li表单form,input,lab...

(2011-10-06,[查看全文]

[图文] CSS书写顺序建议及CSS HACK(FF&IE兼容)

//显示属性displaypositionfloatclearcursor…//自身属性marginpaddingwidthheight/*排版*/vertical-alignwhite-spacetext-decorationtext-align…/*文字*/colorfontcontent/*边框背景bode...

(2011-09-25,[查看全文]

CSS兼容要点总结

CSS兼容要点：1.DOCTYPE影响CSS处理2.FF:div设置margin-left,margin-right为auto时已经居中,IE不行3.FF:body设置text-align时,div需要设置margin:auto(主要是margin-left,margin-right)方可居中4.FF:设置padding后,div会增...

(2011-09-24,[查看全文]

CSS选择符详细说明

一、类型选择符什么是类型选择符？指以网页中已有的标签类型作为名称的行径符。body是网页中的一个标签类型，div,p,span都是。如下：body{}div{}p{}span{}二、群组选择符对于XHMTL对象，可以对一组同时进行了相同的样式指派。使用逗号对选择符进行了分隔，这样书写的优点在于同样的样式只需要书写一次即可，减少代码量，...

(2011-09-24,[查看全文]

如何学习DIV+CSS(Web标准)制作网页

本文和大家重点讨论一下如何学习DIV+CSS制作网页，如何学习Web标准制作网页呢?我想每一个刚刚接触web标准的人都会问这样的问题，我就根据自己的经验总结。　　如何学习DIV+CSS制作网页　　我接触的很多人都问，如何学习Web标准制作网页呢?我想每一个刚刚接触web标准的人都会问这样的问题，我就根据自己的经验总结。　　1.不要一味...

(2011-09-24,[查看全文]

[图文] 如何去掉链接的虚线框

当一个链接得到焦点时，默认会有个虚线框。如图：在Firefox里可以用-moz-outline:none;或者outline:none;来将其去掉。所以我们可以这样写：a:focus{outline:none;-moz-outline:none;}顺便提一下，如果你用过Safari和Chrome可能会发现，当输入框得到焦点时边框会出现...

(2011-09-24,[查看全文]

[图文] 分析最常用30个css选择器

假设有以下HTML代码：<section><p>Little</p><p>Piggy</p></section>以下代码得到的效果一样：p:nth-child(2){color:red;}p:nth-of-type(2){color:red;}结果虽然相同，但是两者本身还是有所区别的。:nth-child选择符从...

(2011-09-19,[查看全文]

CSS定义的下拉菜单代码

下面是用CSS定义的下拉菜单的代码，大家可以看一下。<divid="menu"><ul><li><ahref="index.html">主页</a></li><li><ahref="Products.html">产品</a></li><li><ahref="about_Us.html">关于我们</a></li><li><ahref=...

(2011-09-19,[查看全文]

CSS实例：:nth-child和:nth-type-of的区别

(2011-09-19,[查看全文]

CSS将图像设置为背景

CSS将图像设置为背景的一段小代码HTML><head><styletype="text/CSS">body{background-image:url(/i/eg_bg_04.gif);}</style></head><body></body>本文作者:未知

(2011-09-19,[查看全文]

CSS背景颜色设置方法

CSS背景颜色设置方法<HTML><head><styletype="text/CSS">body{background-color:yellow}h1{background-color:#00ff00}h2{background-color:transparent}p{background-color:rgb(250,0,255)}...

(2011-09-18,[查看全文]

css3圆角IE的兼容方法

现在css3的border-radius属性可以很方便的实现圆角功能，对网站前台人员无疑是一件喜事，但悲剧的是IE6/7/8并不支持，让我们弃新技术不用，是不可能的，因此找到了一种解决的办法---IE利用VML矢量可标记语言作为画笔绘出圆角：下载一个压缩包ie-css3.htc，里面有一个微软的脚本文件（11KB）和一个用来测试服务器...

(2011-09-18,[查看全文]

[图文] 纯CSS圆角框：基本的圆角框

纯CSS实现圆角框是一件大家都说烂了的事件，我也写过两篇总结文章，为什么还会有这篇文章呢，事情是这样的。在我们的以前的项目中，实现圆角框往往是用背景图片来实现的，但是，当这些项目发布上线后，在维护过程中，有时需要添加一些新的需求，因为以前的项目中大量采用了圆角图片，并且这些图片全部采用了CSSsprites方式合并的图，为了不增加更多...

(2011-09-18,[查看全文]

[图文] 纯CSS圆角框：透明圆角化背景图片

在上一讲基本的圆角框中，我只给出最为原始的圆角框模型，它还是存在一些不足之处。比如不能将图片应用到圆角框内。而在本例中，我会在上面的基础上作出一些创新。就是将背景图片也圆角化，好像目前在网络上还没有这样的功能应用，我只见过用js方式来实现的。但是纯CSS方式的实现可是我独家所创，如有雷同，只能说英雄所见略同。呵呵！还是先看看最终的效果...

(2011-09-17,[查看全文]

CSS样式表的分类详解

前面我们已经详细介绍了一下CSS的基本信息（详见?：《什么是CSS？CSS的由来及学习技巧》），本文介绍一下CSS的分类。CSS按其位置可以分成三种：内联样式(InlineStyle)内部样式表(InternalStyleSheet)外部样式表(ExternalStyleSheet)内联样式内联样式是写在标签里面的，它只针对自己所在的...

(2011-09-14,[查看全文]

什么是CSS？CSS的由来及学习技巧

建站学曾多次发文介绍CSS，而且它经常和DIV一起出现，就是常说的DIV+CSS布局。那CSS到底是什么东西？它为什么在网络上那么流行？它最大的优点是什么？应该怎样学习它？怎样才能把它运用的驾轻就熟？相信很多朋友都有这样那样的许多问题，下面我对CSS做些简单介绍。?CSS的由来起初，一些天才发明了网络，随之研发了出了Html语言，即建...

(2011-09-14,[查看全文]

详细介绍CSS的边框属性(border)

我们本文来学习一下CSS的边框属性，这个在CSS里很重要，希望大家能够熟练掌握。边框是围绕在内容和内边距之间的一条或多条线。内容的内边距和外间距之间的间隙是留给边框的，CSS可以用边框属性来定义它的样式、颜色和宽度等。在Html中人们用表格来制作文本周围的边框，但通过CSS来设置边框将有更出色的效果，而且可以应用于所有的元素。边框分为...

(2011-09-14,[查看全文]

[组图] 详解CSS3线性渐变

CSS3中实现CSS3线性渐变为我们提供了方便。尽管Mozilla和Webkit通常对CSS3属性采取同样的语法，但是对于渐变，他们很不幸的不能达成一致。Webkit是第一个支持渐变的浏览器内核，它使用下面的结构：/*Syntax,takenfrom:http://webkit.org/blog/175/introducing-css...

(2011-09-13,[查看全文]

Div+css布局及Web标准对网站优化及SEO方面的好处

之前曾经简单介绍过背景Background属性，我们这里再详细讲解一下，教程中有相关例子，非常直观。CSS2中有5个主要的背景(background)属性，它们是：background-color:指定填充背景的颜色。background-image:引用图片作为背景。background-position:指定元素背景图片的位置。b...

(2011-09-12,[查看全文]

[图文] CSS3：background-image可使用多背景图

已经介绍过不少关于CSS3的的教程，大家可以自己搜索一下，本文我们将学习background-image，它可以让我们可使用多背景图。我们一般都是使用伪对象来实现的解决方案，如使用:first-letter，:first-line，:befor，:after等；又或是使用多个无意义标记堆叠来实现；又或是其它的什么方法。　　当然，方法没...

(2011-09-11,[查看全文]

[图文] 纯CSS实现带箭头的DIV方框

纯CSS实现的带箭头的DIV方框，很漂亮的效果，方框的右边框和下边框还有阴影效果哦，效果如下：是不是很漂亮，具体怎么实现的大家可以参考下面的代码：<head><title>纯CSS实现带箭头的DIV方框</title><style>div.container{position:absolute;top:30px;left:40px;f...

(2011-09-11,[查看全文]

用CSS的样式表建立精彩的网站

想用css可以创建出我们想要的精彩的网站，而写css本身就是一种享受。成为一名css专家，仅仅熟练使用CSS选择符（selectors）是远远不够的。还在于对工作的整体规划，工作流程的掌握以及提高样式表的可维护性和效率。在这篇文章里JinaBolton从12个顶尖设计师那里精选出了10种css应用技巧推荐给大家。　　如何创建更具吸引力...

(2011-09-07,[查看全文]

CSS的常用技巧介绍

1.CSS字体定义简写规则一般的写法会是这样：font-weight:bold;font-style:italic;font-varient:small-caps;font-size:1em;line-height:1.5em;font-family:verdana,sans-serif而实际上你可以用更简洁的写法：font:bold...

(2011-09-07,[查看全文]

关于CSS网页布局id与class的命名

关于CSS网页布局id与class命名或许成为大家比较头疼的问题，在webjx.com中早已有相关的介绍，但还是不能满足大家对知识的渴求。一、用class_name方式写类名。　　以前喜欢用class-name写，不过好像两样也没什么差别。但我比较反对用className写类名，因为始终对浏览器大小写敏感的问题抱有怀疑态度。但是id我...

(2011-09-07,[查看全文]

CSS中清除浮动方法

在CSS森林群里讨论一个margin的问题中无意间发现overflow也可以用来清除浮动，嘿嘿，这个方法不单使用简单，而且FF、OP、IE7都支持，从此可以告别那又长兼容性又差的FF清浮动的方法了。方法真的很简单，只要为需要清浮动的标签加上overflow这个属性。CSS代码网页教学网www.webjx.comul{list-styl...

(2011-09-07,[查看全文]

让你永远受用的10个CSS简写技巧

CSS简写就是指将多行的CSS属性声明化成一行，又称为CSS代码优化。CSS简写的最大好处就是能够显着减少CSS文件的大小，其实还有很多其他益处。臃肿而杂乱的CSS样式表会使你遇到问题是难以调试。尤其是当一个团队在进行设计的时候，你的臃肿的CSS代码会使你的团队其他成员的工作效率下降。　　今天，暴风彬彬整理了一些CSS简写技巧，它们其...

(2011-09-06,[查看全文]

如何让IE支持CSS3圆角

如果要想在IE浏览器中实现圆角的效果，我们一般都会采用圆角图片的方式。用图片的话，基本就跟浏览器没有多大关系了，因为任何浏览器都支持这种方式。　　本文我们主要是讲解如果用CSS3样式表来实现圆角效果，值得注意的是，IE6/7/8这三个IE浏览器版本都不支持CSS3的解析，只有还不太主流的IE9支持CSS3和HTML5的标准。让IE支持...

(2011-09-06,[查看全文]

DIV CSS样式在SEO中的命名规则

在搜索引擎优化中，对于代码的优化是一个非常重要的部分。如果一个网页的代码非常的简捷，对于提升网站的排名那个是非常有好处的。同样，在CSS样式表中，合理有序的命名同样可以为整个CSS工作带来意想不到的简便。为了更加符合搜索引擎的规范，下面是一些常用的CSS代码命名标准。这些标准虽然不是一个必须遵守的规范，但是，却被大多数SEOer所接受...

(2011-09-06,[查看全文]

首页 1 2 3 4 5 6 7 8 9 10 下十页下一页尾页

站才网·中国站长人才教学基地

CSS/Xhtml教程栏目导航