css学习

Java代码  

  1. .menucxcw {  
  2.   display:block;  
  3.   width:80px;  
  4.   height:20px;  
  5.   margin-right:25px;  
  6.   background-image:url(../images/menu_6.jpg);  
  7.   background-position:top;  
  8.   margin-top:2px;  
  9.   text-decoration:none; //清除链接的下划线  
  10.   white-space: nowrap //文本不换行  
  11. }  
  12.   
  13.   
  14. .menucxcw:hover {  //鼠标放上去时,显示下面的亮丽按钮   
  15.   background-position:left 20px;  //左填充,垂直20px  
  16. }  

 

<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>的标签内位置。

Java代码  

  1. <html>  
  2.      <head>  
  3.            <title>test</title>  
  4.            <base target="_self"/>  
  5.            .............  
  6.      </head>  
  7. </html>  

 心得:

Java代码  

  1. <base target="可以是你框架页面的框架名"/>  

进度条控制百分百

Java代码  

  1. .column4 .zheng_bar {  
  2.     background: url("../temp/l_bar_bj.gif") repeat-x scroll 0 0 transparent;  
  3.     display: block;  
  4.     height: 28px;  
  5.     width: 80%;  
  6. }  

 <p class="zheng_bar" style="width:3%"></p>

 

noframes 元素可为那些不支持框架的浏览器显示文本。noframes 元素位于 frameset 元素内部。

Java代码  

  1. <frameset cols = "25%, 25%,*">  
  2.   <noframes>  
  3.   <body>Your browser does not handle frames!</body>  
  4.   </noframes>  
  5. </frameset>  
时间: 2024-08-31 11:02:48

css学习的相关文章

CSS学习中的瓶颈

  一.何为瓶颈? "瓶颈"指瓶子的颈部,相对狭窄.这是很传神的一个词,因为狭窄,因此难以突破:但是,一旦突破了,就是广阔天空(偌大瓶身)! 小弟不才,凑合画了个瓶颈示意图,如下: 图中,A → B → C → - 表示进阶,即相关技能的提升:①②③④则表示各个阶段要进入的瓶颈!这个适用于各行业,各学派. 杨过的武功学习与瓶颈 我们都看过<神雕侠侣>,为便于理解,我就以"神雕大侠"杨过的武功成长经历解释上图的含义: 各进阶阶段: 阶段A 武功杂:蛤蟆功,

css学习笔记2

5.当同一个 HTML 元素被不止一个样式定义时,会使用哪个样式呢?一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权.浏览器缺省设置外部样式表内部样式表(位于 <head> 标签内部)内联样式(在 HTML 元素内部)因此,内联样式(在 HTML 元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明:<head> 标签中的样式声明,外部样式表中的样式声明,或者浏览器中的样式声明(缺省值).CSS 语法CSS 规则由两个主要的部分

CSS学习精品网站推荐

css 目前网页标准已是大势所趋.正如原始的品网站点,下面的这些站点将一如既往地显示群聚的力量. 凝视世界顶尖WEB设计师的标准制作,感受标准的气氛,掀起学习标准的浪潮. CSS设计师们,+U吧. CSS ZenGarden: http://www.csszengarden.com/ CSS禅意花园是最富盛名的CSS设计陈列馆,DaveShea在创办之初是为了让网页设计师通过CSS样式表针对同一个Html文件的设计不同的样式,却没想到这个项目成为了当今网页设计顶尖高手展现无穷创意的舞台,看看禅意

css学习的一些心得

css|心得 其实去年的时候,我就有过接触css了都是跟着一些网页教程学做的无非是用来控制一下link,vlink之类的那个时候觉得css好像也不过如此,对于层什么那个时候很不屑于顾,因为感觉层定位起来不如表格方便今年十月份的时候,正式开始学习css才发现一些网站不用表格,仍然可以做到非常的好除此之外css还有着对于大流量网站的速度优势到现在为止,断断续续的学习了两个月了,其间做了一些页面今天就讲讲自己的感受第一.手写css代码的过程中,常常做无用功.有的时候到经典论坛去看到cssplay去看,

Class与ID区别 margin和padding区别 CSS学习笔记_经验交流

由于现在百分之99.99%的CMS都是用div+css来构建网页模板的,被逼无奈,一大把年纪了还要学习CSS,说实话没觉得用div来布局比table好在什么地方!但迫于行势,先硬着头皮看吧,能学多少是多少.根据数据与结构分离的原则,CSS最好要独立于网页文件,用 复制代码 代码如下: <link rel="stylesheet" type="text/css" href="../xxx/web.css" />  语句将CSS文件调入网

DIV+CSS学习之margin缩进法

css 示例:DIV页面布局(margin-left方法) 顶部中间左边中间右边 底部代码: <STYLE type=text/css><!--#top,#left,#right,#bottom{background:#CCCCCC;height:120px;}#top,#index,#bottom/*页面上.中.下层宽度定义*/{clear:both;width:778px;margin:4px;margin-left:auto;/*页面中上.中.下居中*/margin-right:a

CSS学习笔记:任意大小图片是自适应居中

文章简介:平时笔记. 强制换行:word-warp:block-word; 任意大小图片是自适应居中: css: .wrapperBox{border:1px solid red; width:100px; height:100px; display:table-cell; font-size:0; text-align:center; vertical-align:middle; *position:relative;padding:0; overflow:hidden; } .innerBo

CSS学习教程:display:none和visibility:hidden

文章简介:display:none和visibility:hidden这两个属性对应的值都是隐藏对像,但是它们隐藏对像有点区别. display:none和visibility:hidden这两个属性对应的值都是隐藏对像,但是它们隐藏对像有点区别. display:none: 1.如果在样式文件或页面文件代码中直接用display:none对元素进行了隐藏,载入页面后,在没有通过js设置样式使元素显示的前提下,使用js代码会无法正确获得该元素的一些属性,比如offSetTop,offSetLef

CSS学习笔记:id与class、padding和margin、min-height和height

核心提示:首先要明白id和class的各自的优缺点.这样才能根据他们的各自的特点进行使用. id和class到底要用哪一个? 首先要明白id和class的各自的优缺点.这样才能根据他们的各自的特点进行使用. id的优点(class的缺点):id写在css用"#"选择器,class写在css中用"."选择器."#"选择器的优先级高于"."选择器大约10倍,所以当你需要提升优先级的时候,id标签,或者id容器内的标签将是很容易和有

CSS学习之样式表基础知识

css|样式表 什么是样式表  CSS是Cascading Style Sheet 的缩写.译作「层叠样式表单」.是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言.  如何将样式表加入您的网页  你可以用以下三种方式将样式表加入您的网页.而最接近目标的样式定义优先权越高.高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义. 链入外部样式表文件 (Linking to a Style Sheet) 你可以先建立外部样式表文件(.css),然后使用HTML的link对