CSS代码为:
.r1{width:80px;height:80px;background:red;float:right;
position:fixed !important; top/**/:200px;
position:absolute; z-index:300; top:expression(offsetParent.scrollTop+200);right:20px;}
.r2{width:80px;height:80px;background:red;float:right;
position:fixed !import [阅读全文] [PDF]
点击运行可以看到效果:
New Document
ul{
list-style:none;
}
a{
padding-left:1.5em;font-size:12px;height:23px;line-height:23px;color:gray;text-decoration:none;
}
a:link,a:visited{
background:url(/article/upimages/bbs_bg_off.g); [阅读全文] [PDF]
效果直逼flashDiv+Css+Js菜单
点击运行可以看到效果:
=gb2312" />
css菜单
body{
background-color:#B8B8A0;
}
#fbtn{
display:none;
overflow:hidden;
border-style:solid;
border-width:1px;
border-color:#e1e1c9 #e1e1c9 #6e6e56 #6e6e56;
padding:1 1 1 1;
width:115px;
height:30px;
}
#fbtn_ [阅读全文] [PDF]
首先将包容对象#holdit设置成相对定位(确保等下img绝对定位以它左上角为原点)
接着把#holdit里面img设成绝对定位且z-index高度为1这样img就脱离文档流了
将em标签设置左浮动高度和pling-height要样再根据图片图案分别设置每个em宽度(记得要用clear来清除浮动)
最后把P设置成相对定位且z-index高度设置大于img数值
其实我们也可以直接将图片作为为#holdit背景这样就不需要专门 [阅读全文] [PDF]
实现代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tran [阅读全文] [PDF]
一、页面布局与规划 好久没有认真写点东西了,想起最近这些时间经常有朋友问到我有关于DIV+CSS布局的问题,其实归根结底还是由于没有入门造成的。那么接下来的这篇文章就带领大家入门吧... 在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。 所有的设计第一步就是构思,构思好了,一般来说还需要用PhotoShop或FireWorks(以下简称PS [阅读全文] [PDF]
如果了解话就看下面代码~保证看了的后会觉得相当简单~~
/***********************整体背景********************/
body
{/*背景*/
background-position:center;/*图片居中*/
background-attachment:fixed;/*图片固定不动*/
background-image:url(http://hiphotos.baidu.com/hankstar/pic/item/ [阅读全文] [PDF]
先看看XHTML代码:
\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example Source Code [www.52css.com]
<divid=\"navcontainer\">
<ulid=\"navlist\">
<liid=\"active\"><ahref=\"ht [阅读全文] [PDF]
◆field标签、legend标签
在form表单中我们可以对form中信息进行分组归类如注册表单form我们可以将注册信息分组成
基本信息(般为必填)
详细信息(般为可选)
那我们如何更好来实现呢?我们可考虑在表单form中加入下面两个标签:
field:对表单进行分组个表单可以有多个field
legend:介绍说明每组内容描述
我们看下面代码:
\" style=\"margin:0px [阅读全文] [PDF]
这是子鼠制作的相册,完全用CSS来表现效果!非常棒,令人惊叹。
看下面的效果图:
运行查看最终效果:
Source Code to Run [www.52css.com]
test divbody{ margin:0; padding:0; font-size:12px; background: #333333; line-height:1.7; font-family:Verdana, \"宋体\"; overflow:hidden }#info{ width:600px; background: #666666; ma [阅读全文] [PDF]
Div + CSS 网页布局教程
制作符合Web标准的网站,使内容,结构,表现与行为相分离,表现标准语言主要包括CSS等。
点击链接查看相关教程
Div+CSS布局网站设计的优点! [阅读全文] [PDF]
普通的一个页面无非就是HTML以及CSS和JS等脚本组成,相对以前来说,大家都是用表格(table)来实现页面的布局,而现在呢,追求的是用层(div)来布局了。很多朋友说用层(div)布局跟用表格(table)布局的差别很大,这个我同意,因为表格(table)是用来体现二维数据的。但是既然我们以前能用,而且一直在用,也就说明表格(table)布局还是可以的。但是为什么我们现在要用用层(div)来布局呢?因为我们要让HTML的每个标签都能在语义上很好的体现出来,即使看源代码也能很明了它的作用。
想想以前,什么CSS样式、什么HTML代码 [阅读全文] [PDF]
5、用好border和clear
这节里面主要就是想告诉大家如何使用好border和clear这两个属性
首先如果你曾用过table制作网页你就应该知道如果要在表格中绘制条虚线该如何做那需要制作个很小图片来填充其实我们还有更简单办法只要在<td></td>中加入这么段就可以了你可以试试:
\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Ex [阅读全文] [PDF]
4、页面顶部列表<li>制作菜单
开始此节学习前请确认你已经参照的前几节内容写入了DIV、CSS到index.htm和css.css文件中
这节我将告诉大家如何用列表<li>来制作菜单
\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example Source Code [www.52c [阅读全文] [PDF]
CSS基础教程17篇
此教程共17篇由浅到深、循序渐进讲述CSS知识
对初学者有很大学习价值对已入门朋友也有重要参考价值
1、CSS应用
http://www.52css.com/article.asp?id=281
2、CSS Selectors,Properties,and Values 选择器 、属性、值
http://www.52css.com/article.asp?id=282
3、CSScolor颜色
http://www.5 [阅读全文] [PDF]
1、和id选择符──可以制做属于你自己选择符
◎→ http://www.52css.com/article.asp?id=345
2、组合和嵌套──给多个选择符或者在选择符内选择符赋值
◎→ http://www.52css.com/article.asp?id=346
3、CSS伪类──定义连接选择符多种状态
◎→ http://www.52css.com/article.asp?id=347
4、快捷属性缩写──很多属性如边框bo [阅读全文] [PDF]
1、显示属性──定义元素显示属性
◎→ http://www.52css.com/article.asp?id=351
2、页面布局──不用表格构建页面布局
◎→ http://www.52css.com/article.asp?id=352
3、@规则──导入样式表区别媒体类型样式等
◎→ http://www.52css.com/article.asp?id=353
4、伪元素──样式化首字首行等
◎→ http://www.52css. [阅读全文] [PDF]
at(@)规则把CSS规则都注入了个压缩胶囊中并且应用到指定某些事物中喔
导入
导入importat规则将吞入另外样式表比如如果你需要把另外样式表样式添加到现有你可以这样做:
@importurl(addonstyles.css);
这经常用来取代连接CSS到HTML中<link>标签本质上就是个内部样式表形式看起来像这样:
\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xh [阅读全文] [PDF]
伪元素(pseudo elements)跟伪类样吮吸选择符使用selector:pseudoelement { property: value; }形式有 4个吮吸器
首字和首行
首字first-letter 伪元素应用到元素第个字而首行first-line则是元素顶行你可以比如创建个首行粗体和首字下沉段落像这样:
\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Exa [阅读全文] [PDF]
CSS高级教程意在发挥CSS的极限,然而这些醒目的方法对中级用户的效果并不是马上就显现出来的。
现在,可能显得有些烦琐,我们来学习替换样式表,设置打印样式等等。
处理HTML元素最关键的一个窍门,没有任何特别的,就是理解他们是如何工作的。大部分页面都可以使用一点点的标签组合起来,你可以为每一个你选定的标签样式化。浏览器默认的可视化样式元素由变化的字体样式、边界、补白和,和重要的,显示类型。
最基本的显示类型是内联inline、块block和清除none,他们分别可以用inline、block和none的值赋予display属性来操作。
inl [阅读全文] [PDF]
- +_@开青岛发票13434444051程生
- 一个简单的 2层系统分析全程
- 主题和皮肤系列(3)
- 主题和皮肤系列(1)
- 主题和皮肤系列(2)
- 鼠标移上去显示层:鼠标滑过显示隐藏层(转)
- jspajax自动刷新:jsp+ajax自动刷新例子(转)
- form表单验证:用js将form表单同时提交到两个区别页面的思路方法
- php上传代码:php统计代码总行数
- 最佳网页宽度及其实现
- 联想2155:PKU 2155
- micboost什么意思:Boost 概述
- atmega16ucosii:μC/OS-II实时性能测试和分析
- cssimportant:4 种实时操作系统实时性的分析对比 --转 time too important
- 基于OHCI的USB主机 —— 总体构架
- 虚拟主机usb:基于OHCI的USB主机 —— 背景介绍
- vc用法:VC使用方法汇总
- 张孝祥《Java就业培训教程》源代码 02 部分
- 抽象类和接口:详细解析Java中抽象类和接口的区别
- 跟踪技术:JSP中的会话跟踪技术