首页 / 脚本样式 / CSS

解读css发展历史

从1990年代初HTML被发明开始样式表就以各种形式出现了，不同的浏览器结合了它们各自的样式语言，读者可以使用这些样式语言来调节网页的显示方式。一开始样式表是给读者用的，最初的HTML版本只含有很少的显示属性，读者来决定网页应该怎样被显示。但随着HTML的成长，为了满足设计师的要求，HTML获得了很多显示功能。随着这些功能的增加外来定义样式的语言越来越没有意义了。 1994年哈坤·利提出了CSS的最初建议。伯特·波斯（BertBos）当时正在设计一个叫做...

发现四种在网页中使用CSS样式表的方法

如何在网页中插入CSS 前面我们了解了CSS的语法，但要想在浏览器中显示出效果，就要让浏览器识别并调用。当浏览器读取样式表时，要依照文本格式来读，这里介绍四种在页面中插入样式表的方法：链入外部样式表、内部样式表、导入外表样式表和内嵌样式。 1.链入外部样式表链入外部样式表是把样式表保存为一个样式表文件，然后在页面中用<link>标记链接到这个样式表文件，这个标记必须放到页面的<head>区内，如下：复制代码代码如下:<he...

让用户自己控制网页字体的大小的css书写方法

现在国内绝大多数的站点都用CSS把字体大小设定为12px，像素虽然也是相对尺寸单位，但只是相对于屏幕的分辨率，当屏幕的分辨率一定时，如果你感到字太小，阅读有困难，在非标准浏览器中就无能为力了，所以说，如果把单位改成em，那么就可以用CTRL+鼠标滚动把字放大，或者用菜单上的查看>文字大小来改变字的大小。如何设定 1.在body标签里将字体尺寸设为62.5%，如果在body里没有CSS设定，那么浏览器默认的大小是16px，设了62.5%，则字体尺寸=...

CSS注释、命名、继承性、样式排序等CSS技巧的小结

一、关于注释在创建xhtml+CSS网站时，CSS中的注释非常重要。在创建CSS样式时，应当保持随手注释的习惯。一般的，我习惯于使用“/*注释内容*/”的格式来写注释，因为在EditPlus等具有高亮功能的编辑器里，使用C语言中常用的“/***************/”之类的注释是无意义的，没有必要填充大量无意义内容作为分隔。带有注释的文档作为网站的原始CSS文档，在发布网站的时候，可以使用CSS压缩工具压缩CSS，在输出的CSS中去掉注释以提高文...

CSS样式表规划与管理的经验总结

彻底放弃表格布局，使用xhtml+CSS建站也已经有一年多了。一年多的实践也积累了一定的经验，现在写这篇文章来总结一下。在使用xhtml+CSS建站的过程中有一个比较关键的问题：网站的CSS样式表规划与管理。我的CSS管理进化史在最初使用CSS来控制网站样式的时候，并不清楚CSS管理规划之类的东西，所写的CSS基本上都是按照需要，随时添加，刚开始还不觉得有什么不好，但是后来越加越多，越改越乱，虽然有一些注释，但到最后还是变得让我自己看着都头疼。那个...

CSS标签切换代码实例教程比较漂亮

我们的设计越来越追求一种简洁的风格，希望在有限的空间内展示更多的内容。与此同时我们发现一些问题，内容的简单排列总使页面很长。滚屏很多才能将显示的内容布局完毕。YAHOO与网易率先应用了标签切换的布局方式，打破了常规布局的局限性，在相同尺寸的区域内，可以放置更多的内容。我们只需要点击不同的选项卡或链接就能展开内容，这并不需要打开新的网页，只是在同一页内完成。一、标签切换总体的实现思路：实现这种标签切换的布局有多种方式，也流传着各种不同的代码，我们应用...

CSS的margin边界叠加深度剖析图文演示

边界叠加是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多混淆。简单地说，当两个垂直边界相遇时，它们将形成一个边界。这个边界的高度等于两个发生叠加的边界的高度中的较大者。当一个元素出现在另一个元素上面时，第一个元素的底边界与第二个元素的顶边界发生叠加，见图：元素的顶边界与前面元素的底边界发生叠加当一个元素包含在另一个元素中时（假设没有填充或边框将边界分隔开），它们的顶和/或底边界也发生叠加，见图：元素的顶边界与父元素的顶边界发生叠加...

CSS中Float（浮动）相关技巧文章

Float（浮动）概念也许是CSS中最让人迷惑的一个概念吧。Float经常被错误理解，而且因为将上下文元素全部浮动导致的可读性、可用性问题备受责难。然而，这些问题的根源并不在于理论本身，而是开发人员以及浏览器对理论的解读造成的。如果你认真的去读一下浮动概念，你会发现并不像所见的那样复杂。大多数问题都是由于老版本的IE带来的（我只是猜想）。如果你知道这些bug，你就能避免这些问题。让我们尝试去解决这些问题并澄清一些以前使用浮动的误解。我们参考了成...

惊现学习CSS应该注意的方法

学习任何东西都是一样，从小学、中学、大学，除了学习知识外就是去学习方法！要想掌握CSS,首先要学会HTML，我刚开始是从零开始学习的，花了一个月时间学习HTML，没有老师，书就是我唯一的老师，也没有上网的条件！一个月过后，我就开始学习CSS，刚开始看的第一本CSS书是《CSS网页样式设计》看了几天后发现根本看不懂！，之后换了一本《HTML参考大全》，这本书是网页制作师的案头常备之书！之所以更换这本书来学习CSS，是因为这里面有一部分是CSS，就成了我...

使用text-align:justify实现两端对齐一例

text-align:justify只能对多行中的非最后一行进行两端对齐。对于单行自己没办法，IE有text-justify可以解决问题，对了非IE的我的方式比较垃圾，因为只在特殊场合下才会用。 ExampleSourceCode[www.52css.com] .justify{ height:1.1em; overflow:hidden; text-align:justify; text-justify:distribute-all-lines; } d...

CSS整体布局声明的一些使用技巧

我们应该养成良好的编码习惯，CSS整体布局声明为我们的代码简化、提高运行效率提供了途径。我们列举比较常用的形式，并加上解释。整体布局声明的作用在于将目标作一个整体的概括，声明一些完全相同或基本相同的属性及值，以免在后面的代码中每一个标签中都需要单独定义。若有不同的属性与值，后面的重新定义即可。一、通配式整体布局声明。 *{ margin:0; padding:0; font-size:0.8em; ... } 这类形式的声明是针对整个页面的。可以设置...

3个效果超酷的FORM表单美化效果打包下载

第一个效果图：打包下载-----------------------------------------------------------------------------------------第二个效果图：打包下载---------------------------------------------------------------------------------------第三个效果图：打包下载本地下载...

创建IE各版本专属CSS IE中的if语句

http://5key.net/blog/article.asp？id=309 IE下专属CSS：复制代码代码如下:<！[if！IE]> <linkrel="stylesheet"type="text/css"href="NOT-IE.css"/> <！[endif]>IE6ONLY: 复制代码代码如下:<！--[ifIE6]> <linkrel="stylesheet"type="text/cs...

推荐深入理解css中的position定位和z-index属性

作者：Cutsin 原文地址：http://www.moonless.net/blog/2007/09/csspositionz-index.html 注：本文仅供交流使用，如有不当之处欢迎批评指正，但请注明详由，谢谢！由于平时不太用到，所以过去写css的时候对于position属性的absolute、relative值理解比较模糊，对于z-index的层叠更是摸不着头脑，除了理解的因素外，各个浏览器的不同解析结果也是一个大问题。今天仔细阅读了一下css...

不错的10个你未必知道的CSS技巧

本翻译并未得到作者或网站授权。一切权利都归原作者及原网站所有。如果你得到原作者或原发表网站的授权，可以自由使用本翻译。 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; 但也可以把它们全...

一点小小的创意css鼠标放上去则显示电话号码

1， default: 2，鼠标移上去:来源：今天在同事的手机的电话薄里面发现的，发现他存的电话号码都是显示名字，然后只要往下移动，就能显示这个人的相应的号码。然后自己就在想，这还满不错的嘛。于是就想到以前好象收藏过类似的效果。稍微改下。总结：生活中的发现无处不在，能够善于发现，然后勤于思考、联想，这样的确是个优点。comasp"s bloga{color: #FFFF99;text-decoration: none;}a:hover{color: #FF...

固定表格的高度超过指定高度就隐藏的方法

经常做网页，可发现原理只用控制<td>的高度，超过了就隐藏是不能用的，应该还有其它的方法，后来发现，原理，只需要在<td>...</td>中加个<div style="height:80px; overflow:hidden"> </div>就可以了，唉...

推荐个Css的filter常用滤波器属性及语句大全

Css的filter常用滤波器属性及语句大全语法：STYLE="filter:filtername（fparameter1,fparameter2...）" （Filtername为滤镜的名称，fparameter1、fparameter2等是滤镜的参数）滤镜说明： Alpha：设置透明层次 blur：创建高速度移动效果，即模糊效果 Chroma：制作专用颜色透明 DropShadow：创建对象的固定影子 FlipH：创建水...

淘宝段正淳的css笔记大全第1/4页

试想过总结出这几年来写css与xhtml的经验，汇总成一片”旷世奇文”分享给大家。无奈寡人年世已高，真是有点力不从心了。于是转念一想，可以用笔记的形式展现，这样就不用担心写不出来了。现在就来说个淘宝首页上的一个小技巧。类目之间的横竖线从很久很久以前开始，类目间的竖线无非都只有三种。背景图在a标签设置一个padding 用宽1px高不等的背景图来position到右侧。缺点：最后一个还是要用class来隐藏掉背景。符号在每个a标签之间用”|”符号来填充。...

CSS实现的一个图片放大展示的一种思路

这个用纯css实现的图片放大效果,真不错,看了以前有不少用纯css实现的图片放大效果的代码,都不理想,还是在这个好啊看下面的HTML代码：<divclass="photo"> <ul> <li><ahref="#nogo1"class="hor"><imgsrc=http://www.jb51.net/logo.gif alt=""title=""/><b>Snowcappedmoun...

<< 71 72 73 74 75 76 77 78 79 80 >>

版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图