CSS教程

XHTML+CSS教程:灵活运用HTML标记

div+css网页布局已逐渐流行,但面对所谓DIV+CSS布局的叫法让人更为担心,不要让DIV成为Table的替代品,多层嵌套的DIV会严重影响代码的可阅读性,活用HTML为我们提供的标签吧。   什么时候应该用DIV?   虽然在这方面没有什么硬性的规定,但个人认为DIV更适用于大体框架的定位.例如我们要定义一块头部的区域,一般会这样定义一个DIV:   这里就是头部框架里要写的内容   当然,... »

网站-三列布局-实例

CSS教程:三列固定网页布局实例

我们的讲解会包含一些标准元素,如logo、顶栏、导航栏、文本区域、用于文章分类的中列和用于插入Google Adsense 120X600广告的右侧列。   今天软件开发网将向大家讲解如何通过设计一个HTML/CSS的基本结构,来创造一个简单且常用的三列式固定页面布局。   我们的讲解会包含一些标准元素,如logo、顶栏、导航栏、文本区域、用于文章分类的中列和用于插入Google Adsense1... »

CSS教程:vlink,alink,link和a:link

一组专门的预定义的类称为伪类,主要用来处理超链接的状态。伪类选择符包括:总: a 表示所有状态下的连接 如 .mycls a① a:link:未访问链接 ,如 .mycls a:link ② a:visited:已访问链接 ,如 .mycls a:visited③ a:active:激活时链接的颜色 ,如 .mycls a:active④ a:hover:鼠标移到链接上时 ,如 .mycls a:... »

CSS教程:浮动元素对浏览器的支持

当元素设置浮动(float)后会被移出文档流,相信大家都会经常遇到这样的问题。 这问题的解决办法有N种之多,因为每种浏览器对CSS的解析各异,所以在不同浏览器使用清除浮动的元素也会有所不同。 我认为目前还没有最好的清除浮动元素或组合,而是根据情况分析而选择,最好的清除浮动元素或组合。 为了兼容不同浏览器,可能要使用不同的清除浮动元素组合使用,如:{overflow:hidden; zoom:1;}... »

CSS教程:li和ul标签用法举例

LI代码的格式化:A).运用CSS格式化列表符: ul li{list-style-type:none;}B).如果你想将列表符换成图像,则: ul li{list-style-type:none;list-style-image: url(/blog/images/icon.gif);}C).为了左对齐,可以用如下代码: ul{list-style-type:none;margin:0px;}D... »

CSS教程:媒体类别语法

不同的媒体类别可以用不同的CSS样式表。 舉例來說,在螢幕上的文件可能適用某一個CSS 樣式表,而同一份文件在被列印時,可以用一個不同的CSS 樣式表。举例来说,在萤幕上的文件可能适用某一个CSS样式表,而同一份文件在被列印时,可以用一个不同的CSS样式表。 標出一個CSS 樣式表媒體類別的語法如下:标出一个CSS样式表媒体类别的语法如下: 外部連接套用 外部连接套用 <link rel=&... »

CSS教程:简单理解em

px比em更加容易使用,em指字体高,任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px,所以10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后... »

CSS教程:语义化方法替代结构化方法

今天软件开发网想通过分析一个流行三栏布局中的必要元素,来为大家讲解关于使用语义化方法替代结构化方法来命名CSS类的建议和指导。  CSS代码的命名惯例一直是大家热门讨论的话题。今天软件开发网想通过分析一个流行三栏布局中的必要元素,来为大家讲解关于使用语义化方法替代结构化方法来命名CSS类的建议和指导。 CSS类命名的语义化VS结构化方式   一般而言,CSS类名的语义化声明方式应当考虑你的页面中某... »

CSS教程(2):通过实例学习CSS背景

本教程一共三个例子:1、设置背景颜色;2、设置文本的背景颜色;3、将图像设置为背景. 本教程一共三个例子:1、设置背景颜色;2、设置文本的背景颜色;3、将图像设置为背景。 参考软件开发网关于CSS背景的理论知识:CSS教程(1):学习CSS背景相关知识 1、设置背景颜色 本例演示如何为元素设置背景颜色。 <html><head><style type="te... »

CSS教程:创建性感的CSS样式表

原文名称:Creating Sexy Stylesheets原文地址:http://www.thinkvitamin.com/features/design/creating-sexy-stylesheets 作为一个CSS方面的专家,所做的不只是记住选择符(Selectors)那么简单,提升样式表的效用和可维护性,以及设计蓝图和管理工作流程都是工作的一部分.在本篇文章中,Jina Bolton给... »

CSS教程,让网页对搜索引擎更友好

CSS语法立意让网页内容与视觉呈现分离,一方面使得页面维护工作更容易,不会因内容或视觉效果改变影响到另一方,这样的页面设计,也对搜寻引擎更为友善,更容易搜寻到页面内容。同一份页面,可依据用途不同,例如在屏幕显示或打印,而自动切换不同的CSS语法,让呈现最佳化。但是并非仅靠CSS,滥用语法的情况就能改善。CSS并非万灵丹,须靠设计人员正确运用,才能达到效果。 »

CSS教程:了解熟悉css语法

前面一篇介绍了网页制作的CSS的作用 宣告CSS样式的语法如下: 選擇器{ 选择器{ 屬性:設定值; 属性:设定值; … } 在一個選擇器(Selector) 中,可以設定的屬性數目沒有限制。在一个选择器(Selector)中,可以设定的属性数目没有限制。 選擇器主要有三種:型類(Type) 選擇器、Class 選擇器、和ID 選擇器。选择器主要有三种:型类(Type)选择器、Clas... »

CSS教程:使用ul进行网页的多列布局

几天在用CSS写三列布局的时候突然想到的这样一个方法,这个想法自己都觉得有些疯狂,如果其中有什么不对的地方请各位不吝指教。 当需要写一个三列布局的时候,一般情况下我会选择使用如下的DIV布局方式: 使用这样的嵌套方式无疑可以使代码出错的概率减少很多,但同时这样的布局也略显复杂,对于后期的维护也略显不便。我们在布局导航时经常会使用到一个方法,那就是使用<ul>列表来进行布局,而导航可以形... »

CSS教程:网页版面设计无效的10个原因

查看软件开发网的DIV CSS网页设计视频教程W3Cvalidation有时难以操作,但用它你可以查看由版面设计引起的差错。知道了上面这些基本的异常情况,下面我们就来看看版面设计无效的几个原因。当我们了解到这是多少精致的版块设计失效的罪魁祸首时,总会大吃一惊。开启的div标签是最普遍的版块设计失误之一,也是最难诊断的失误之一。 »

CSS教程(3):通过实例学习CSS背景

参考软件开发网关于CSS背景的理论知识:CSS教程:学习CSS背景相关知识。body2、如何在垂直方向重复背景图像本例演示如何垂直地重复背景图像。加此信息软件开发网发布目的是为了防止你变懒! »

CSS教程:CSS兼容的技巧

  让你的样式完美兼容各大浏览器,这个方案主要是用来解决Safari的,Opear是在测试的时候顺带试了一下,结果发现竟然也行,所以顺便也解决了。 .e {/*FF OP*/background-color: #FF0000}html* .e{/*Sa IE7 OP*/background-color:#FF00FF} * html .e{background-color:#000000;/*OP... »

CSS教程,CSS固定表头的HTML表格

  用CSS实现的固定表头的HTML表格。 曾经在项目中实现过一个固定表头的HTML表格,但使用了非常臃肿的代码,因为实际上是画了三个一样的表格。一个纯粹用HTML和CSS实现的固定表头的表格,其简化代码如下: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en&... »

CSS教程:复合型条状图表

dd中的内容就如基本的CSS柱状图原理一样,通过背景的设置来显示相应比例的效果。下面是三张在CSS样式设计是要用到的背景图片: 上一页12 下一页 阅读全文 »

CSS教程:闭合CSS浮动元素的几种方法

按照CSS规范,浮动元素会被移出文档流,不会影响到块状盒子的布局而只会影响内联盒子的排列。因此当其高度超出包含容器时,一般父容器不会自动伸长以闭合浮动元素。 »

CSS教程:网页中多个样式表顺序问题

选择符规则: 计算特性基于它们的特性级别,样式表也可以超越与之冲突的样式表,一个较高特性的样式永远都凌驾于一个较低特性的样式。这只不过是计算选择符的指定个数的一个统计游戏。  当使用了多个样式表,样式表需要争夺特定选择符的控制权。在这些情况下,总会有样式表的规则能获得控制权。以下的特性将决定互相对立的样式表的结果。  正如以前所提及的,网页制作者和读者都有能力去指定样式表。当两者的规则发生冲突,网... »

CSS教程(4):通过实例学习CSS背景

本教程介绍:1.如何仅显示一次背景图像,2.如何放置背景图像,3.如何使用%来定位背景图像。 本教程介绍:1.如何仅显示一次背景图像,2.如何放置背景图像,3.如何使用%来定位背景图像。 参考软件开发网关于CSS背景的理论知识:CSS教程(1):学习CSS背景相关知识。 1、如何仅显示一次背景图像 本例演示如何仅显示一次背景图像。 <html><head><style... »

CSS教程:学习CSS的继承性

所谓CSS的继承是指被包在内部的标签将拥有外部标签的样式性质。继承特性最典型的应用通常发挥在整个网页的样式预设,需要指定为其它样式的部份设定在个别元素里即可。这项特性可以给网页设计者提供更理想的发挥空间。但同时继承也有很多规则,应用的时候容易让人迷惑,donger今天就专门和大家聊聊这方面的应用。CSS是层叠样式表(Cascading Style Sheets)的简称,它的规范代表了互联网历史上一... »

CSS教程:text-indent隐藏文字出现虚线框outline

链接用图片做背景,text-indent:-9999px; 隐藏文字,此效果在 IE 中是正常的,但在 Firefox 里,鼠标点击该链接时,虚线框却会包住被缩进的文字,结果显示为虚线框 N 长。虚线框,其实就是 CSS 中的 outline 属性,这也说明 IE 和 Firefox 对于 outline 和 border 的解析范围并不一致:IE 认为虚线框就是border的边缘,而 Firef... »

CSS教程:CSS放入网页的几种方式

上一篇介绍了CSS语法 我们可以用以下四种方式,将CSS套用入HTML文件中: 行內套用(Inline) 行内套用(Inline) 嵌入套用(Embed) 嵌入套用(Embed) 外部連接套用(External Link) 外部连接套用(External Link) 匯入套用(Import) 汇入套用(Import) 行內套用行内套用 我們可以在HTML 文件內直接宣告樣式。我们可以在HTML文件... »

CSS教程:关于H1的使用技巧

来蓝色一直都在潜水,很少写帖子,太对不起大家了.下面和大家探讨一个话题,希望能引起大家的兴趣. 关于H1,一直都想和大家讨论H1用法的问题,可在RTX上好象一直没有提起大家的兴趣. 看过很多页面,很多人对H1的理解都不一样,个人有个人独到的创新想法,这样的答案也没有谁对谁错,就象大家每个人写CSS的习惯都不一样,不管怎么写最终是要达到设计稿的效果(这是最基本的要求).大家对xhtml的想法也有一大... »

Page 1 of 6123»