Welcome

首页 / 脚本样式 / CSS

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

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

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

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

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

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

在DIV+CSS排版中新闻列表的制作方法

2017-02-06 23
CSS代码:.list{ margin: 0px 10px 20px; text-align: left; }.list ul{ list-style-type: none; margin: 0px; padding: 0px;}.list li{ background: url（/news/images/line.gif） repeat-x bottom;/*列表底部的虚线*/ width: 100%; }.list li a{ color: #7777...

CSS图片翻转菜单

2017-02-06 23
如果用传统的方法制作这个翻转菜单，至少需要把图片切成10椋挂由螶S代码，在图片按钮上再加行为，现在完全用CSS来实现，图片只要一张，见下图。CSS代码:#imgmenu{ width: 450px; height: 25px; /*高度是背景图片的一半*/ background: url（../images/navbg.gif）; list-style-type: none; padding: 0px; margin: 0px;} #imgmenu l...

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

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

w3c技术架构介绍

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

如何以及何时使用sIFR

2017-02-06 21
作者：阿宏 2005-5-28 16:05:36原文：http://usabletype.com/articles/2004/how-and-when-to-use-sifr/ 原作者：Andrew Hume 翻译：阿宏 在分析sIFR之前，先来快速的了解一下sIFR是什么，以及它是如何工作的。sIFR表示scalable Inman Flash Replacement，是一种在web上准确发布自定义排版的技术。这种技术的实现方法是，当页面下载时，在一个指...

在IE中为abbr标签加样式

2017-02-06 23
作者：JunChen 2005-5-24 9:56:57原文：http://www.sovavsiti.cz/css/abbr.html 翻译：JunChen版权:译者JunChen所有，转载请联系译者。 简介<abbr>是用来为web页面上的简称（译者注：这里把简称和缩写分开而论，简称范围比缩写大，取首字母的缩写用<acronym>标签）添加适当标注的XHTML标签，Windows的IE浏览器暂不支持<abbr>标签。...

alt属性和title属性

2017-02-06 21
作者：JunChen 2005-5-23 12:00:35原文：http://www.456bereastreet.com/archive/200412/the_alt_and_title_attributes/ 翻译：JunChen首发：http://blog.handsbrain.com/junchen/archive/2005/05/21/3355.aspx 版权：本文版权归译者Junchen所有，转载请先联系译者。 当浏览器卖主扭曲了标准并且自顾自...

CSS中的滑动门技术

2017-02-06 23
作者：nobita 2005-5-8 9:39:31ISSN: 1534-0295. 20 October 2003 – Issue No. 160原文作者：Douglas Bowman 原文出自：A List Apart 中文翻译：54player.com nobita 版权说明：本文中文翻译版权归译者54player.com nobita所有。需要转载发表的，请先与作者联系 在CSS中，一个经常被人们讨论的先进之处即背景图像的可层叠性，并允许他们在彼此...

定义标题的最好方法

2017-02-06 27
作者：阿宏 2005-4-15 20:45:18原文：What is the Best Way to Mark up the Title of a Document？ 说明：本文是 《Web Standards Solutions: The Markup and Style Handbook》一书中的一章。书号：ISBN:1590593812。我们会陆续翻译此书中有价值的章节。 原作者：Dan Cederholm 翻译：阿宏 一个文档标题，最好的定义方法是...

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

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

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

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

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

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

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

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

CSS使用技巧20则

2017-02-06 23
1. CSS字体属性简写规则一般用CSS设定字体属性是这样做的：font-weight: bold;font-style: italic;font-varient: small-caps;font-size: 1em;line-height: 1.5em;font-family: verdana,sans-serif但也可以把它们全部写到一行上去：font: bold italic small-caps 1em/1.5em verdana,sans-ser...

常用CSS缩写语法总结

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

CSS制作树状目录教程

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

CSS打造色块标题标识

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