CSS/HTML
层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。
-
惊现学习CSS应该注意的方法
【CSS/HTML】学习任何东西都是一样,从小学、中学、大学,除了学习知识外就是去学习方法! 要想掌握CSS, 首先要学会HTML,我刚开始是从零开始学习的,花了一个月时间学习HTML,没有老师,书就是我唯一的老师,也没有上网的条件!一个月过后,我就开始学习CSS,刚开始看的第一本CSS书是《CSS网页样式设...
惊现学习CSS应该注意的方法 -
CSS中Float(浮动)相关技巧文章
【CSS/HTML】Float(浮动)概念也许是CSS中最让人迷惑的一个概念吧。Float经常被错误理解,而且因为将上下文元素全部浮动导致的可读性、可用性问题备受责难。然而,这些问题的根源并不在于理论本身,而是开发人员以及浏览器对理论的解读造成的。 如果你认真的去读一下浮动概念,你会发现并不像所见的那样复杂。大多数问题都...
CSS中Float(浮动)相关技巧文章 -
CSS的margin边界叠加深度剖析图文演示
【CSS/HTML】边界叠加是一个相当简单的概念。但是,在实践中对网页进行布局时,它会造成许多混淆。简单地说,当两个垂直边界相遇时,它们将形成一个边界。这个边界的高度等于两个发生叠加的边界的高度中的较大者。 当一个元素出现在另一个元素上面时,第一个元素的底边界与第二个元素的顶边界发生叠加,见图: 元素的顶边界与前面元素的底...
CSS的margin边界叠加深度剖析图文演示 -
CSS标签切换代码实例教程 比较漂亮
【CSS/HTML】我们的设计越来越追求一种简洁的风格,希望在有限的空间内展示更多的内容。与此同时我们发现一些问题,内容的简单排列总使页面很长。滚屏很多才能将显示的内容布局完毕。YAHOO与网易率先应用了标签切换的布局方式,打破了常规布局的局限性,在相同尺寸的区域内,可以放置更多的内容。我们只需要点击不同的选项卡或链接就能...
CSS标签切换代码实例教程比较漂亮 -
CSS样式表规划与管理的经验总结
【CSS/HTML】彻底放弃表格布局,使用xhtml+CSS建站也已经有一年多了。一年多的实践也积累了一定的经验,现在写这篇文章来总结一下。在使用xhtml+CSS建站的过程中有一个比较关键的问题:网站的CSS样式表规划与管理。 我的CSS管理进化史 在最初使用CSS来控制网站样式的时候,并不清楚CSS管理规划之类的东西,所写的C...
CSS样式表规划与管理的经验总结 -
CSS注释、命名、继承性、样式排序等CSS技巧的小结
【CSS/HTML】一、关于注释 在创建xhtml+CSS网站时,CSS中的注释非常重要。在创建CSS样式时,应当保持随手注释的习惯。一般的,我习惯于使用“/* 注释内容 */”的格式来写注释,因为在EditPlus等具有高亮功能的编辑器里,使用C语言中常用的“/***************/”之类的注释是无意义的,没有必要填充大量无意义内...
CSS注释、命名、继承性、样式排序等CSS技巧的小结 -
让用户自己控制网页字体的大小的css书写方法
【CSS/HTML】现在国内绝大多数的站点都用CSS把字体大小设定为12px,像素虽然也是相对尺寸单位,但只是相对于屏幕的分辨率 ,当屏幕的分辨率一定时,如果你感到字太小,阅读有困难,在非标准浏览器中就无能为力了,所以说,如果把单位改成em,那么就可以用CTRL+鼠标滚动把字放大,或者用菜单上的查看>文字大小来改变字的大...
让用户自己控制网页字体的大小的css书写方法 -
发现四种在网页中使用CSS样式表的方法
【CSS/HTML】如何在网页中插入CSS 前面我们了解了CSS的语法,但要想在浏览器中显示出效果,就要让浏览器识别并调用。当浏览器读取样式表时,要依照文本格式来读,这里介绍四种在页面中插入样式表的方法:链入外部样式表、内部样式表、导入外表样式表和内嵌样式。 1. 链入外部样式表 链入外部样式表是把样式...
发现四种在网页中使用CSS样式表的方法 -
解读css发展历史
【CSS/HTML】从1990年代初HTML被发明开始样式表就以各种形式出现了,不同的浏览器结合了它们各自的样式语言,读者可以使用这些样式语言来调节网页的显示方式。一开始样式表是给读者用的,最初的HTML版本只含有很少的显示属性,读者来决定网页应该怎样被显示。 但随着HTML的成长,为了满足设计师的要求,HTML获得了很...
解读css发展历史 -
DIV+CSS 英文命名规范
【CSS/HTML】1.CSS ID 的命名 外 套: wrap 主导航: mainnav 子导航: subnav 页 脚: footet 整个页面: content 页 眉: header 页 脚: footer 商 标: label 标 题: title 主导航: mainbav(globalnav) 顶导航: topnav 边导航: sidebar 左导航: leftsidebar 右导...
DIV+CSS英文命名规范 -
CSS网页布局入门教程14:纵向下拉及多级弹出式菜单
【CSS/HTML】学完了上节教程,我想对于这于这节的学习就容易得多了。 横向菜单是通过div及JavaSprict实现下拉控制,纵向菜单呢?答案是肯定的。我们现在要做的就是一个纵向菜单,css代码: ul { margin:0; padding:0; list-style:none; width:120px; border-bottom:1px solid #ccc;&...
CSS网页布局入门教程14:纵向下拉及多级弹出式菜单 -
CSS网页布局入门教程13:下拉及多级弹出式菜单
【CSS/HTML】下拉及弹出式菜单是网站设计中常用导航形式,这种菜单形式能够充分利用页面现在空间隐藏与显示更多内容,并能对内容进行合理的分类显示,是一种非常优秀的导航形式。 早期的下拉或弹出式菜单通过隐藏的layer或div来实现内容的隐藏,通过JavaScript脚本来响应用户的操作,目前也采用JavaScript+div或其它元素的形...
CSS网页布局入门教程13:下拉及多级弹出式菜单