与valign的对比vertical-align在小雨手册上的解释是：设置或检索对象内容的垂直对其方式。我觉得不太理解的是vertical-align所在的分类是“属性/文本”O3noBLOG特别强调的是vertical-align和valign的不同，的确vertical-align应用最多的应该是在td内，控制内部对象位置，和td的valign属性极其相似。valign共有四个参数：top, baseline, bottom, middle，相对而言vertical-align也有相同的属性值，以下是对td控制对比：使用vertical...
（创意一：镜向模糊投影效果）[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]（创意二：DropShadow相框浮凸效果）[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
显示/隐藏 function pr() { var L=document.getElementById("left"); // 变量：L代表 id="left" 的标记 var R=document.getElementById("right"); // 变量：R代表 id="right" 的标记 if (L.className=="left") // 判断：如果 id="left" 的class值 等于left的话，将执行下面{}里面的内容 { L.className="left1"; // 给 id="left" 的标记 加上class：left1 R.className=" "; // id="right" 的标记 加上class：空格，也就是消除cl...
蓝丽网 - Vml图像画板.2003 v\:*{behavior:url(#default#VML);} /*声明V为VML变量*/ a{text-Decoration:none;color:white} a:hover{text-Decoration:underline;color:yellow;} td{font-size:12px;color:white} .bon1{border-bottom:1 solid eeeeee;border-right:1 solid eeeeee;border-left:1 solid gray;border-top:1 solid gray;background-color:#619CE7;color:yellow;width:54} .bon2{border-bottom:1 solid gray;border-righ...
题目：dl+ol的练习 作者：嗷嗷 上次 li 把 dl 模拟了~dl不知道要干什么了~找了ol一起来做复合列表~ 这个练习除了css外~外加用了点JS 先看下难看的演示 因为最近太懒~没做漂亮的样式 学习dl中 dl * { margin: 0; padding: 0; font-size:12px; } dl { width: 405px; height:128px; border:1px #000 solid; } dt { width:120px; height: 32px; line-height: 32px; text-align: center; } dt a { di...
引伸阅读 * 解读absolute与relative * position:relative/absolute无法冲破的等级 * 对《无法冲破的等级》一文的补充 定位一直是WEB标准应用中的难点，如果理不清楚定位那么可能应实现的效果实现不了，实现了的效果可能会走样。如果理清了定位的原理，那定位会让网页实现的更加完美。定位的定义：在CSS中关于定位的内容是：position:relative | absolute | static | fixedstatic 没有特别的设定，遵循基本的定位规定，不能...
1.表格的分隔线可以隐藏 可以隐藏横向的分隔线 可以隐藏纵向的分隔线 可以隐藏横向和纵向的分隔线 2.表格的边框不断在闪 以下方法可以令表格的边框不断在闪，很实用的 在BODY区加上 <table border="0" width="280" id="myexample" style="border:5px solid yellow"> 加入任意的物件.加入任意的物件. 加入任意的物件.加入任意的物件. 加入任意的物件.加入任意的物件. function flashit(){ if (!document.all) retu...
理论基础是必要的，实践是提升和理解理论的方法，两者同样重要，任何设计和开发人员离开这两者的平衡，不论偏向哪一方，都会范或左或右的错误。不过我所讲的这个方法在实际应用中到底有什么用呢。显然，它不能够给我们创造出圆角矩形，也不能够给我们创造出分列布局，更加不可能给我们一个固定在文档头部的导航栏。这个算法的实践应用在于： 良好的CSS编程规范 。这是一个宏观的实践，与我刚才提到的微观实践同样重要，但却更加难以...
绿色在黄色和蓝色（冷暖）之间，属于较中庸的颜色，这样使得绿色的性格最为平和、安稳、大度、宽容。是一种柔顺、恬静、满足、优美、受欢迎之色。也是网页中使用最为广泛的颜色之一。绿色与人类息息相关，是永恒的欣欣向荣是的自然之色，代表了生命与希望，也充满了青春活力，绿色象征着和平与安全、发展与生机、舒适与安宁、松弛与休息，有缓解眼部疲劳的作用。 它本身具有一定的与自然、健康相关的感觉，所以也经常用于与自然、健...
一、In-line 行内 行内样式是在html标签里直接使用style属性 text 设定段落文字红色。 但要记住，最后的HTML应该是独立出来，使用表现文档，所以行内样式应该在任何地方避免。 二、Internal 内部 使用于整个页面的植入内部样式在head标签里面，style标签包围样式。 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> CSS Example p { color: red; } a { ...
Howdy, 大家好，又是我~ 上一次我们简单的谈了一下font set和一些要注意的基本问题。今天我们继续字体这一话题，深入讲讲上次提到的“通用字体族”。首先是最常用的 serif 和 sans-serif 这两个通用字体族。- serif Serif 在印刷学上指衬线字体。为了理解衬线字体的概念，大家先看几个典型的衬线字体的例子： My Georgia字体 King Times New Roman 字体 汉字 宋体 单词 My 中的字母 “M”上下方突出的短横线就是所谓的衬线。同样...
本篇文章给大家带来的内容是关于CSS实现基于用户滚动应用（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。通过将当前滚动偏移映射到html元素上的属性，我们可以根据当前滚动位置设置页面上的元素样式。我们可以使用它来构建一个浮动导航组件。这是我们将使用的HTML，<header>当我们向下滚动时，我们希望在内容之上浮动的一个很好的组件。<header>Im the page header</header> <p>Lots of content here.....
本篇文章给大家带来的内容是关于CSS中的长度单位的应用介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。CSS中有很多属性可以接受长度值，比如： width, height, margin, padding, border-width, font-size, text-shadow。因为使用场景多，因此CSS也提供了许多长度单位。有的是日常生活中使用的单位，比如：厘米（cm）和英寸（in）；有的是印刷行业使用的单位，比如：point（pt）和pica（pc）；有的是专门为C...
本篇文章给大家带来的内容是关于css中clip属性的应用方法（附代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。先看效果clip 属性剪裁绝对定位元素。当一幅图像的尺寸大于包含它的元素时会发生什么呢？"clip" 属性允许您规定一个元素的可见尺寸，这样此元素就会被修剪并显示为这个形状。clip: rect(<top>, <right>, <bottom>, <left>);<!DOCTYPE html> <html> <head><meta charset="UTF-8"><title></title>...
根据定义：before和：after是CSS的伪元素，我们可以使用它们在元素内容之前或之后插入内容，有很多的文章都给出了它们的基础知识，所以我想写一篇关于:before和:after在实际应用的文章，表示我们正在使用它们。语法假设我们有以下简单的html标记：<p>paragraph text</p>我们可以使用这样的伪元素：p:before {content: "this is "; font-weight: bold; font-style: italic; }结果是：请注意，实际上是在内容之前或之后添加元素...