css学习

最新推荐文章于 2017-11-27 22:43:39 发布

@航空母舰

最新推荐文章于 2017-11-27 22:43:39 发布

阅读量118

点赞数

分类专栏： UI设计文章标签： CSS

本文链接：https://blog.csdn.net/hudeyong926/article/details/99540270

版权

UI设计专栏收录该内容

31 篇文章 1 订阅

订阅专栏

.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
}

本线条可显示上下左右虚线条.1px线条数值大小,可更改,最小为1,solid为实线型,dashed为虚线类型,对tr无效

<div id="time" style="display:inline;"></div>div中元素一行显示

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%;
}

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

<frameset cols = "25%, 25%,*">
  <noframes>
  <body>Your browser does not handle frames!</body>
  </noframes>
</frameset>

@航空母舰

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css学习

ne; //清除链接的下划线 white-space: nowrap //文本不换行}.menucxcw:hover { //鼠标放上去时,显示下面的亮丽按钮 background-position:left 20px; //左填充，垂直20px} &lt;td style="border-bottom:1px dashed #CCCCCC;"&gt;本线条可显示上下左右虚线条.1px线条数值大小,可更改,最小为1,sol
复制链接

扫一扫

专栏目录