.menucxcw { display:block; width:80px; height:20px; margin-right:25px; background-image:url(../images/menu_6.jpg); background-position:top; margin-top:2px; text-decoration:none; //清除链接的下划线 white-space: nowrap //文本不换行 } .menucxcw:hover { //鼠标放上去时,显示下面的亮丽按钮 background-position:left 20px; //左填充,垂直20px }
<td style="border-bottom:1px dashed #CCCCCC;">
本线条可显示上下左右虚线条.1px线条数值大小,可更改,最小为1,solid为实线型,dashed为虚线类型,对tr无效
<div id="time" style="display:inline;"></div>div中元素一行显示
<td width="100%" colspan="2"><input name="user_login" id="user_login" type="text" onfocus="style.backgroundColor='#F0F5FD'" onblur="style.backgroundColor='#ffffff'" /></td>
align=absmiddle表示图像的中间与同一行中最大元素的中间对齐
style="vertical-align:middle;"
ertical-align在小雨手册上的解释是:设置或检索对象内容的垂直对其方式。我觉得不太理解的是vertical-align所在的分类是“属性/文本”
O3noBLOG特别强调的是vertical-align和valign的不同,的确vertical-align应用最多的应该是在td内,控制内部对象位置,和td的valign属性极其相似。
valign共有四个参数:top, baseline, bottom, middle,相对而言vertical-align也有相同的属性值,以下是对td控制对比:
使用vertical-align:top;来避免td默认的valign="middle"是很好的选择,当然也可以使用vertical-align:middle;来对td控制,但对div肯定也是无效的。
去掉图片显示时四周的边框<img border="0" >
设定tr的高度<td height="20">
z-index 检索或设置对象的层叠顺序 div1的z-index:3 div2的z-index:4,说明div2在div1的上面
5)为图片添加 alt 属性
为所有图片添加 alt 属性。alt 属性指定了当图片不能显示的时候就显示供替换文本,这样做对正常用户可有可无,但对
纯文本浏览器和使用屏幕阅读机的用户来说是至关重要的。只有添加了 alt 属性,代码才会被 W3C 正确性校验通过。注意的
是我们要添加有意义的 alt属性,象下面这样的写法毫无意义:
<img src="logo.gif" alt="logo.gif">
正确的写法:
<img src="logo.gif" alt="互动力工作室标志,点击返回首页">
书上说在模型窗口中加入<base target="_self"/> 标签即可。这个属性有IE6与IE7之分。作用就是让页面的所有链接只在本窗口内打开。
注:
1、如果你是IE6,你将<base target="_self"/>加入到<head>标签里就可以了。
2、如果你是IE7,你必须将<base target="_self"/>加入到<head>的标签内位置。
<html> <head> <title>test</title> <base target="_self"/> ............. </head> </html>
心得:
<base target="可以是你框架页面的框架名"/>
进度条控制百分百
.column4 .zheng_bar { background: url("../temp/l_bar_bj.gif") repeat-x scroll 0 0 transparent; display: block; height: 28px; width: 80%; }
<p class="zheng_bar" style="width:3%"></p>
noframes 元素可为那些不支持框架的浏览器显示文本。noframes 元素位于 frameset 元素内部。
<frameset cols = "25%, 25%,*"> <noframes> <body>Your browser does not handle frames!</body> </noframes> </frameset>
相关推荐
路恩CSS学习助手,可快速查找css1、css2、css3全部属性和值,并配有每个属性和值的简要说明;对CSS语法规则和CSS选择器也做了详细介绍;并内置了CSS布局向导式学习教程。可以把本软件看作是一个CSS词典和CSS教程软件...
本篇文章将围绕“CSS样式工具”和“CSS学习工具”这两个核心概念,详细介绍相关知识点。 一、CSS基础知识 1. 选择器:CSS选择器是用于选取HTML元素的方式,例如标签选择器(如`p`)、类选择器(如`.myClass`)和ID...
**CSS学习手册** 在网页设计领域,CSS(Cascading Style Sheets)是不可或缺的一部分,它负责定义网页元素的样式,包括颜色、字体、布局以及页面的呈现方式。本手册将帮助初学者深入理解和掌握CSS的基本概念和技术...
【CSS学习经典教程】是一份专为初学者和有一定基础的学习者设计的教程,旨在帮助他们深入理解并熟练掌握CSS(层叠样式表)技术。CSS是网页设计中不可或缺的一部分,用于控制网页元素的布局、颜色、字体、大小等视觉...
在这个"css学习心得"中,我们将详细探讨CSS的各个方面,帮助开发者更好地理解和应用这一技术。 首先,CSS的基础知识是必不可少的。这包括选择器,如类选择器(.class)、ID选择器(#id)和元素选择器(element),...
【div+css 学习资料】是一份专为学习网页布局技术div+css设计的资料集合,适合初学者以及希望巩固提升的开发者。Div(Division)是HTML中的一个元素,常用于网页布局,通过CSS(Cascading Style Sheets)进行样式...
【标题】:“很不错的CSS学习资料,让你彻底轻松弄懂CSS” 这是一份精心整理的CSS学习资源,旨在帮助学习者全面理解并掌握CSS(层叠样式表)这一重要的前端技术。CSS是网页设计和开发不可或缺的部分,它负责定义...
这个“CSS学习帮助文档(chm格式)”显然是一个专门针对CSS技术的综合资源,包含了关于样式设计的各种信息,旨在帮助用户深入理解和掌握CSS。 **CSS基础** CSS的基础概念包括选择器、属性和值。选择器用于匹配HTML...
CSS学习文档.chm,学习css必不可少! 内容详细,查阅方便,想精通css这文档是必须的!!!
《CSS学习手册》 在网页设计领域,CSS(Cascading Style Sheets)是不可或缺的一部分,它赋予了HTML或XML文档以样式和布局。本手册旨在深入解析CSS的相关知识,帮助初学者快速上手并掌握其核心概念。 一、CSS基础 ...
html+css学习html+css学习html+css学习html+css学习html+css学习 html+css学习html+css学习html+css学习html+css学习html+css学习 html+css学习html+css学习html+css学习html+css学习html+css学习 html+css学习...
HTML和CSS学习HTML和CSS学习HTML和CSS学习HTML和CSS学习 HTML和CSS学习HTML和CSS学习HTML和CSS学习HTML和CSS学习 HTML和CSS学习HTML和CSS学习HTML和CSS学习HTML和CSS学习 HTML和CSS学习HTML和CSS学习HTML和CSS学习...
html和 css 学习html和 css 学习html和 css 学习html和 css 学习 html和 css 学习html和 css 学习html和 css 学习html和 css 学习 html和 css 学习html和 css 学习html和 css 学习html和 css 学习 html和 css 学习...
HTML CSS学习练习HTML CSS学习练习HTML CSS学习练习 HTML CSS学习练习HTML CSS学习练习HTML CSS学习练习 HTML CSS学习练习HTML CSS学习练习HTML CSS学习练习 HTML CSS学习练习HTML CSS学习练习HTML CSS学习练习 ...
html css 学习记录html css 学习记录html css 学习记录 html css 学习记录html css 学习记录html css 学习记录 html css 学习记录html css 学习记录html css 学习记录 html css 学习记录html css 学习记录html css ...
HTML 及CSS 学习HTML 及CSS 学习HTML 及CSS 学习 HTML 及CSS 学习HTML 及CSS 学习HTML 及CSS 学习 HTML 及CSS 学习HTML 及CSS 学习HTML 及CSS 学习 HTML 及CSS 学习HTML 及CSS 学习HTML 及CSS 学习 HTML 及CSS 学习...
HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 ...
html+css学习记录html+css学习记录html+css学习记录html+css学习记录 html+css学习记录html+css学习记录html+css学习记录html+css学习记录 html+css学习记录html+css学习记录html+css学习记录html+css学习记录 ...
H5 html 和CSS 学习H5 html 和CSS 学习H5 html 和CSS 学习 H5 html 和CSS 学习H5 html 和CSS 学习H5 html 和CSS 学习 H5 html 和CSS 学习H5 html 和CSS 学习H5 html 和CSS 学习 H5 html 和CSS 学习H5 html 和CSS ...
CSS学习笔记CSS学习笔记CSS学习笔记CSS学习笔记