面向互联网前端开发、搜索引擎优化内容聚合
显示方式:标题  |  简介
Home > XHTML/CSS (RSS订阅)

如何将样式表加入到网页中

关键词:

你可以用以下三种方式将样式表加入到网页中。最接近目标的样式定义优先权越高,高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。

1)链入外部样式表文件
你可以先建立外部样式表文件(.css),然后使用HTML的link对象。示例如下:
<head>
<title>title of article</title>
<link rel=stylesheet href=”http://www.dhtmlet.com/rainer.css” type=”text/css”>
</head>
阅读全文»

DIV+CSS常见错误汇总

关键词:

CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误:
1. 检查HTML元素是否有拼写错误、是否忘记结束标记

即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。
阅读全文»

网页开头部分的声明DOCTYPE

关键词:

网页开头部分的声明 我们可能很少关注,下面我就结合网上的资料,把自己的理解写下来,不对的地方,还请多多指正。
有的网站源代码开头部分是

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
阅读全文»

IE6使用margin时双倍边距BUG

关键词:

在CSS定义中使用margin-left和margin-right时,浮动的时候IE6会产生margin-left和margin-right发生双倍边距。如下图1所示

解决办法是给该属性的增加值 display:inline。效果如下图2所示。
阅读全文»

详解css定位(position)与定位应用

关键词:

定位一直是WEB标准应用中的难点,如果理不清楚定位那么可能应实现的效果实现不了,实现了的效果可能会走样。如果理清了定位的原理,那定位会让网页实现的更加完美。   
定位的定义
在CSS中关于定位的内容是:position:relative | absolute | static | fixed
static:没有特别的设定,遵循基本的定位规定,不能通过z-index进行层次分级。
relative:不脱离文档流,参考自身静态位置通过 top,bottom,left,right 定位,并且可以通过z-index进行层次分级。
absolute:脱离文档流,通过 top,bottom,left,right 定位。选取其最近的父级定位元素,当父级 position 为 static 时,absolute元素将以body坐标原点进行定位,可以通过z-index进行层次分级。
fixed:固定定位,这里他所固定的对像是可视窗口而并非是body或是父级元素。可通过z-index进行层次分级。
阅读全文»

XHTML/CSS

  • XHTML是目前网络上应用最为广泛的可扩展的超文本标记语言,也是构成网页文档的主要语言。在标准网页设计中CSS负责网页内容(XHTML)的表现,CSS语言是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)。

隐藏右边栏 回到顶部