Welcome

首页 / 脚本样式 / CSS

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

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

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

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

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

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

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

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

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

w3c技术架构介绍

2017年02月06日 60 阅读
作者：阿宏 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：自定多姿多彩的网页链接下划线

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

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

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

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

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

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

2017年02月06日 59 阅读
我是这样来做DIV布局代码的．不知道说的清楚不清楚，凑和看吧我的想法是未来能这样：用标准件的方式来组装网页DIV布局我把class分为２种，布局class，风格class，布局class是骨架，风格class是衣服举个例子：比如布局中的左栏首先它的属性有：是左栏，宽度，背景颜色，字体颜色等１．首先会定义一个class,比如:.layout,主要用来控制页面整个的大小.layout{width:98%;margin:0 auto;text-align:lef...
常用CSS缩写语法总结

常用CSS缩写语法总结

2017年02月06日 61 阅读
使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下：颜色16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：#000000可以缩写为#000;#336699可以缩写为#369;盒尺寸通常有下面四种书写方法:property:value1; 表示所有边都是一个值value1； property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2 property:...
CSS制作树状目录教程

CSS制作树状目录教程

2017年02月06日 81 阅读
本篇详细介绍如何利用CSS能方便地控制对象的“显示”和“隐藏”属性原理，制作一个树状目录，用CSS制作这样的树状目录，方法简单，代码也比较少，所以把它写出来，给网友们共亨，以便在需要的时候也可动手做一个。 索易电子杂志大多采用树状目录，当鼠标点击主目录时，展开子目录；当再次点击主目录时，则关闭子目录。显得简捷明快，朴实无华。 制作这种树状目录的方法较多，最近我先看下面的示例：当用鼠标在主目录上点一下，就下拉出相应的子目录，再点一下，又恢复原状，其效果与索易...
CSS打造色块标题标识

CSS打造色块标题标识

2017年02月06日 61 阅读
不少网站开始采用韩式风格来建站.一般人都会想到用Photoshop等软件来完成这样的效果，但如果网页上这类图片太多，或是较大时，会给访问带来一定的困难。这里就给大家讲一讲如何用CSS来做这样的风格，因为用CSS只是对颜色的定义，少了图片的应用，所以基本不会影响速度。这种风格的特点是色彩变化丰富、应用Flash动画合理、结构新颖，最明显的特点就是表格或标题栏常会加上一条横或竖的色带，如图中圈起来的地方就是这样: 首先，在Dreamweaver M...
<< 1 2 3 4 5 6 7 8 9 10 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图