Welcome 微信登录

首页 / 脚本样式 / CSS

expression将JS、Css结合起来

expression将JS、Css结合起来

IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javas cript表达式关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义属性。就是说CSS属性后面可以是一段Javas cript表达式,CSS属性的值等于Javas cript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法,也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。 给元素固有属性赋值 例如,你可以依照浏览...
块元素block element和内联元素inline element

块元素block element和内联元素inline element

内联级元素(inline-level element)中试图插入块级(block-level element)元素。这样做是不允许的。唯一的能在内联元素中插入块级元素的例外是object标签。那么什么是内联级元素(inline-level element)和块级(block-level element)元素呢?。块元素(block element)一般是其他元素的容器元素,块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签""P"...
关于居中布局和IE双倍边距bug

关于居中布局和IE双倍边距bug

今天google了一下css居中布局的问题,结果差不多都是引用了同一篇文章。在ie中要居中,只要在<body>元素中定义text-align:center;的属性。而在firefox中,需要定义一个wrapper包裹器。然后指定margin-left:auto;margin-right:auto;的属性来使区块在firefox中居中。其实,我自己都是用margin:auto;的缩写margin属性来设定居中。margin缩写属性是上、右、下、左...
CSS解决未知高度垂直居中的问题

CSS解决未知高度垂直居中的问题

除特别说明外,本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果。原文标题:Vertical Centering in CSS副标题:Yuhu"s Definitive Solution with Unknown Height翻译:forestgan尽管有CSS的vertical-align特性,但是并不能有效解决未知高度的垂直居中问题(在一个DIV标签里有未知高度的文本或图片的情况下)。标准浏览器如Mozilla, Opera, Safari等.,...
未知大小图片在已知容器中的垂直和水平居中问题

未知大小图片在已知容器中的垂直和水平居中问题

除特别说明外,本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果。CSS布局中,未知大小图片的垂直居中,一直是比较头疼的问题,标准浏览器只要设定容器的line-height和图片的vertical-align:middle;就可以了,但对IE没用,几个月前在国外网站看到了一则对IE的解决方法,感觉不是很理想,也没当回事。最近看到经常有朋友在问类似的问题,又把代码翻了出来,针对IE改了下。CSS .box{height:140px;width:200p...
重新认识表格和一个访问无障碍的数据表格例子

重新认识表格和一个访问无障碍的数据表格例子

除特别说明外,本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果。 表格一直是网页设计制作过程中一个重要的组成部分,在没学习CSS布局前,大多是用来布局的,但到目前位置发现居然还没真正地了解和完全掌握表格,不得不需要重新认识表格......在现代网页设计制作中,表格主要的用途应该是用来存放多元二维数据。和表格相关的标签有 table、tr、td、th、tbody、thead、tfoot、col、colgroup、caption,如何合理地应用这些标签...
w3c技术架构介绍

w3c技术架构介绍

作者:阿宏 2006-2-10 9:38:04 原文:http://www.w3.org/Consortium/technology 原作者:w3c 翻译:阿宏 图例说明W3C技术架构图描绘了一个两层的模型:万维网体系结构(被标注为“One Web”)建立在互联网(Interner)体系结构之上。图中丰富的Web层显示了W3C关心的领域和发展的技术。 Web体系结构被描绘成一系列的层,每一层都建立在另一层之上。从底至顶依次为:URI/IRI, HTTP W...
CSS:自定多姿多彩的网页链接下划线

CSS:自定多姿多彩的网页链接下划线

CSS本身没有直接提供变换HTML链接下划线的功能,但只要运用一些技巧,我们还是可以让单调的网页链接下划线变得丰富多彩。 一、基本原理 首先,自定义HTML链接下划线的第一步是创建一个图形,在水平方向重复放置这个图形即形成下划线效果。如果要显示出下划线背后的网页背景,可以使用透明的.gif图形。 其次,如果下划线图形的高度较大,则必须适当增加文本的高度,使得一行文本的底部与下一行文本的顶部之间有较大的空间,例如p { line-height: 1...
用标准件的方式来组装网页DIV布局-WEB标准网站设计心得

用标准件的方式来组装网页DIV布局-WEB标准网站设计心得

有这样一个想法,不知道可行么例子:布局中的左栏,它的属性有:{居左,宽度,背景色,字体等等}如果把每个属性都做成一个标准件,然后这样组装起来使用class="float width height background font padding....",通过多个class的标准件的引用来完成页面布局样式先按需要定义好标准件如:float标准件.l{float:left}.r{float:right}.cl{clear:left}...w...
从豆瓣网站设计谈网站重构

从豆瓣网站设计谈网站重构

douban.com非常精巧的应用了div+css,并且通过色系的运用,最大限度减少图片等等方式既使得网站页面清新可人,而且可以最大限度的压缩了网页的大小,从而使得访问的效率得到了最大化。第一次看douban.com,有一种拿着“读书”杂志在手上阅读的感觉,很素雅,好像还有那么点书香气息。被中国式网站强奸得都习以为常,以为网站也就这样而且也只能这样,无疑好多人第一次看到douban.com的时候都会被他的网站的简洁所触动,都会感觉眼前一亮!为什么会这样呢,...
组合CLASS来完成网页布局风格

组合CLASS来完成网页布局风格

我是这样来做DIV布局代码的.不知道说的清楚不清楚,凑和看吧我的想法是未来能这样:用标准件的方式来组装网页DIV布局我把class分为2种,布局class,风格class,布局class是骨架,风格class是衣服举个例子:比如布局中的左栏首先它的属性有:是左栏,宽度,背景颜色,字体颜色等1.首先会定义一个class,比如:.layout,主要用来控制页面整个的大小.layout{width:98%;margin:0 auto;text-align:lef...
<< 51 52 53 54 55 56 57 58 59 60 >>