易截截图软件、单文件、免安装、纯绿色、仅160KB
热门标签: c c# c++ asp asp.net linux php jsp java vb Python Ruby mysql sql access Sqlite sqlserver delphi javascript Oracle ajax wap mssql html css flash flex dreamweaver xml
 最新文章 : css

css中height:100%不起作用的解决方法

在网页设计中,table用height:100%是可以整屏的,但需要在网页头部增加:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
后就和没有用height:100%一样了,后来发现要给html,body都增加height:100%的属性,这是高度自适应问题的关键所在。
代码如下:
html,body{
margin:0px;
height:100%;
}
一个对象高度是否可以使用百分比显示,取决于对象的父级对象,Table在body之中,因此它的父级是body,而浏览器默认状态下,是没有给body一个高度属性的,因此当我们直接设置#left为height:100%;时,不会产生任何效果,而当我们给body设置了100%之后,它的子级对象 Table的height:100%;便发生作用了,这便是浏览器解析规则引发的高度自适应问题。而代码中除了给body应用之外,还给 HTML对象也应用相同的样式设计,这样做的好处是使IE与firefox浏览器都能够实现高度自适应。另外,Firefox中的HTML标签不是 100%高度,因此给两个标签都定义为height:100%;以保证两个浏 ......

css的div嵌套问题

学了css几天,发现有个问题。
如图所示,最外层有个div(粉色),内部上中下三个div,中间div内有三个水平排列的div(绿色)。
“middle”div的高度是根据内部三个绿色div高度变化的。这个有办法实现吗?
我试了试,如果三个绿色div水平排列的话,middle的高度就不能自动适应,必须制定高度。我把3个绿色div暂时用table替换了。
......

常用的css样式

字体
font-family: 字体名称
如果在
font-family后加上多种字体的名称,浏览器回按字体名称的顺序逐一在用户的计算机里寻找已经安装的字体,一旦遇到与要求的相匹配的字体,就按这
种字体显示网页内容,并停止搜索;如果不匹配就继续搜索,直到找到为止,万一样式表里的所有字体都没有安装的话,浏览器就会用自己默认的字体来替代显示网
页的内容。
注意:
·当指定多种字体时,用“,”分隔每种字体名称。
·当字体名称包含两个以上分开的单词时,用“”把该字体名称括
起来。
·当样式规则外已经有“”时,用‘’代替“”。
字体大小
font-size: 字号参数
字号的取值范围:
·
以Point为单位:点单位在所有的浏览器和操作平台上都适用
·以Em为单位:指字母要素的尺寸,和Point相同距离
·以
Pixes为单位:像素可以使用于所有的操作平台,但可能会因为浏览者的屏幕分辨率不同,而造成显示上的效果差异
·以in(英寸)为单位
·
以cm(厘米)为单位
·以mm(毫米)为单位
·以pc(打印机的字体大小)为单位
·以e ......

CSS关于IE8兼容性的解决办法

使用IE8  可能出现的问题: 
    * 网页布局不整齐
    * 文本或图像重叠
    * JavaScript 功能有问题或错误
一般解决
1.写CSS Hack。
   而后台人员不擅长于写CSS。
2.强制IE8像IE7那样呈现内容。
   在<head></head>标记里添加:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> ......

magento 添加css js

magento个别页面添加css和js文件,可以将其放在个别页面的xml中,或者放在CMS的layout update中,其代码和文件存放位置如下
<reference name="head">
<action method="addCss"><stylesheet>css/mystyles.css</stylesheet></action>
//添加css mystyles.css 文件在 /skin/frontend/主题包文件夹/主题文件夹/css
<action method="addItem"><type>skin_js</type><name>js/myjs.js</name></action>
//添加js  myjs.js 文件在 /skin/frontend/主题包文件夹/主题文件夹/js
<action method="removeItem"><type>js</type><name>prototype/prototype.js</name></action>
//删除js 此prototype.js文件在magento根目录的 js文件夹

</reference>
出处:http://www.hellokeykey.com/magento-add-css-js/
......

CSS兼容性(2) text overflow

一直以来我都以为css是无法限制字符长度的,最近才发现原来可以这样.最简单的兼容方法:
.textOverflow {
width:100px;
white-space:nowrap;/*限制单行输出*/
text-overflow:ellipsis;/*只支持IE6(+)*/
overflow: hidden;
-o-text-overflow: ellipsis;/*Opera专用*/
-moz-binding: url('ov.xml#ellipsis');/*firefox下实现要配套对应的xml文件*/
}
/*.xul是为<xul:description>添加的class属性*/
.xul{
color:#fff;
}
html代码:
<div class="textOverflow">块级元素块级元素块级元素块级元素块级元素块级元素</div>
根目录下ov.xml文件代码:
<?xml version="1.0" encoding="utf-8"?>
<bindings
  xmlns="http://www.mozilla.org/xbl"
  xmlns:xbl="http://www.mozilla.org/xbl"
  xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"

  <binding id="ellipsis">
    <content>
      <xul:description class="xul" crop="end" xbl:inherits="value=xbl:text"><children/></xul:descriptio ......
总记录数:772; 总页数:129; 每页6 条; 首页 上一页 [56] [57] [58] [59] 60 [61] [62] [63] [64] [65]  下一页 尾页
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号