Welcome 微信登录

首页 / 脚本样式 / CSS

解读css发展历史

解读css发展历史

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2016年07月27日 58 阅读
试想过总结出这几年来写css与xhtml的经验 ，汇总成一片”旷世奇文”分享给大家。无奈寡人年世已高，真是有点力不从心了。于是转念一想，可以用笔记的形式展现，这样就不用担心写不出来了。现在就来说个淘宝首页上的一个小技巧。类目之间的横竖线从很久很久以前开始，类目间的竖线无非都只有三种。背景图在a标签设置一个padding 用宽1px高不等的背景图来position到右侧。缺点：最后一个还是要用class来隐藏掉背景。 符号在每个a标签之间用”|”符号来填充。...
<< 71 72 73 74 75 76 77 78 79 80 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图