• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号
登陆 注册
OStack程序员社区-中国程序员成长平台 › 门户 › 编程›HTML

HTML

RSS

下级分类:

  • 布局用CSS+DIV的优点总结
    HTML/CSS编程经验
    布局用CSS+DIV的优点总结
    采用CSS+DIV对网站重构日趋被大家重视起来了，尤其是大型站点，像阿里巴巴、163等大型门户站点就已经完成了重构工作。本人在去年就已经有了使用CSS+DIV来编写网页源码的习惯了，个人感觉这种方法确实比传统的TABLE形 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：202 | 回复：0
  • 纯CSS生成抗锯齿圆角的代码
    HTML/CSS编程经验
    纯CSS生成抗锯齿圆角的代码
    抗锯齿圆角 .antialias-roundedcorners{width:650px;height:76px;padding:5px;background-color:#3847B4;} .spiffy{display:block} .spiffy *{ display:block; height:1px; overflow:hidden; font-size:.01em; back ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：186 | 回复：0
  • 用CSS给图片打标的代码
    HTML/CSS编程经验
    用CSS给图片打标的代码
    !DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" htmlxmlns="http://www.w3.org/1999/xhtml" head metahttp-equiv="Content-Type"content="tex ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：181 | 回复：0
  • IE6，IE7和firefox对DIV的支持区别
    HTML/CSS编程经验
    IE6，IE7和firefox对DIV的支持区别
    1针对firefoxie6ie7的css样式 现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“*+html” ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：173 | 回复：0
  • DIV+CSS布局的网站对网站SEO的影响分析
    HTML/CSS编程经验
    DIV+CSS布局的网站对网站SEO的影响分析
    符合XHTML标准DIV+CSS布局的网站，下面说说在SEO方面的影响。 　　代码精简 　　使用DIV+CSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点：一是提高spider爬行效率，能 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：173 | 回复：0
  • 非常不错的关于IE与FireFox的js和css几处不同点[转自星火燎原]
    HTML/CSS编程经验
    非常不错的关于IE与FireFox的js和css几处不同点[转自星火燎原]
    在蓝色上看到这篇文章的，感觉作者总结的不错，至少有些偶自己也没有真正的认识过。这些东西的确是应该好好总结一下的，可惜偶这人比较懒，收藏整理于此，便于自己学习！ 1.firefox不能对innerText支持。 firefox支 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：172 | 回复：0
  • 学习样式表CSS参考-常用的CSS知识
    HTML/CSS编程经验
    学习样式表CSS参考-常用的CSS知识
    1. Block和inline元素对比 所有的HTML元素都属于block和inline之一。 block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度 div, p, h1, form, ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：200 | 回复：0
  • DIV和CSS排版中制作细线条的方法小结
    HTML/CSS编程经验
    DIV和CSS排版中制作细线条的方法小结
    今天制作div的高度控制的时候发现IE下控制div的高度很小的时候无效，特意查了一下相关文章。 最终有了解决方案，参考下面文章： 如果要制作一条高度小于12PX（大约）的线条，在IE中会显示出高于实际高度的，看下面。 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：175 | 回复：0
  • 在解决ul居中问题时想到的几点
    HTML/CSS编程经验
    在解决ul居中问题时想到的几点
    最近在做网站的时候碰到了一个问题：我用ul标签和li标签构建的导航栏想要在不确定li数量和li,ul宽度的情况下居中，但是给ul使用了text-align:center之后却没有起到应有的效果。 原来的页面结构是： 复制代码 代码如 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：166 | 回复：0
  • 网页编辑中CSS样式表技巧总结
    HTML/CSS编程经验
    网页编辑中CSS样式表技巧总结
    一、关于注释 在创建xhtml+CSS网站时，CSS中的注释非常重要。在创建CSS样式时，应当保持随手注释的习惯。一般的，我习惯于使用“/*注释内容*/”的格式来写注释，因为在EditPlus等具有高亮功能的编辑器里，使用C语言 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：195 | 回复：0
  • CSS网页布局入门教程9：用CSS设计网站导航——横向导航
    HTML/CSS编程经验
    CSS网页布局入门教程9：用CSS设计网站导航——横向导航
    网站导航是网站中最重要的元素，是网站提供给用户的最直接最方便的访问网站内容的工具。网站导航从形式上主要由横向导航、纵向导航、下拉及多级菜单导航第三种形式。 　　横向导航　作为门户网站的设计而言，主导航 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：192 | 回复：0
  • CSS网页布局入门教程10：带当前标识的标签式横向导航
    HTML/CSS编程经验
    CSS网页布局入门教程10：带当前标识的标签式横向导航
    当前标识指用户点击该频道或栏目，该栏目的标签呈现出与其他标签不同的颜色用以提示用户所处的位置。 这种设计是网站设计中相当简单而且是相当经典的一种增进网站可用性的方式。网站让用户使用时是应该考虑到用户浏 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：209 | 回复：0
  • 一个老外弄的Clearing floats(清除浮动的方法)
    HTML/CSS编程经验
    一个老外弄的Clearing floats(清除浮动的方法)
    我常用的都是clear:both;方法，如 divstyle="clear:both" divstyle="float:left"/div divstyle="float:right"/div /div 今在PlanABC看到另外这种方法，特些记录下来。 div.container{ border:1pxsolid#000000; } div ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：169 | 回复：0
  • XHTML下用dl,dt,dd标签实现翻页的效果代码
    HTML/CSS编程经验
    XHTML下用dl,dt,dd标签实现翻页的效果代码
    今天在标准之类的blog(http://www.aa25.cn)看到"纯CSS代码实现翻页" 的文章 dl { position:absolute; width:389px; height:154px; border:10px solid #eee; } dd { margin:0; width:389px; height:154px; over ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：178 | 回复：0
  • 常用的DIV+CSS的基本框架结构但不推荐都放一个div里
    HTML/CSS编程经验
    常用的DIV+CSS的基本框架结构但不推荐都放一个div里
    常用的DIV+CSS的基本框架结构但不推荐都放一个div里css样式代码： 程序代码复制代码 代码如下:/*---全局样式---*/ *{margin:0px;padding:0px;} body{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：161 | 回复：0
  • 无js5款纯div+css制作的弹出菜单标准
    HTML/CSS编程经验
    无js5款纯div+css制作的弹出菜单标准
    一、最基本的：二级dropdown弹出菜单 二级dropdown弹出菜单--A CROSS BROWSER Drop DOWN CASCADING VALIDATING MENU /* common styling */ /* set up the overall width of the menu div, the font and the mar ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：171 | 回复：0
  • 超强推荐CSS打造经典鼠标触发显示选项
    HTML/CSS编程经验
    超强推荐CSS打造经典鼠标触发显示选项
    css打造鼠标触发效果 找什么 会计 网页设计 翻译 家教 更多>> 在那里 北京 上海 广州 深圳 南京 天津 杭州 成都 重庆 武汉 西安 沈阳 更多城市>> 高级搜索分类搜索 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：174 | 回复：0
  • CSS网页布局入门教程1：一列固定宽度
    HTML/CSS编程经验
    CSS网页布局入门教程1：一列固定宽度
    本系列教程为入门级教程，适合初学者学习，由最简单的知识一点一点进阶。主要以实例为主，很少部分理论，这样更适应初学者快速掌握。因本人也正在学习，难免有一些错误或疏漏地方，望各位给予指正。本教程参考《CSS ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：182 | 回复：0
  • CSS网页布局入门教程2：一列自适应宽度
    HTML/CSS编程经验
    CSS网页布局入门教程2：一列自适应宽度
    自适应布局是网页设计中常见的布局形式，自适应的布局能够根据浏览器窗口的大小，自动改变其宽度和高度值，是一种非常灵活的布局形式，良好的自适应布局网站对不同分辨率的显示器都能提供最好的显示效果。实际上div ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：151 | 回复：0
  • CSS网页布局入门教程3：一列固定宽度居中
    HTML/CSS编程经验
    CSS网页布局入门教程3：一列固定宽度居中
    页面整体居中是网页设计中最普遍应用的形式，在传统表格布局中，我们使用表格的align="center"属性来实现，。div本身也支持align="center"属性，也可以让div呈现居中状态，但css布局是为了实现表现和内容的分离，而a ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：157 | 回复：0
  • CSS网页布局入门教程4：二列固定宽度
    HTML/CSS编程经验
    CSS网页布局入门教程4：二列固定宽度
    有了一列固定宽度作为基础，二列固定宽度就非常简单，我们知道div用于对某一个区域的标识，而二列的布局，自然需要用到两个div，XHTML代码如下： 复制代码 代码如下:divid="left"左列/div divid="right"右列/div新的 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：149 | 回复：0
  • CSS网页布局入门教程5：二列宽度自适应
    HTML/CSS编程经验
    CSS网页布局入门教程5：二列宽度自适应
    从二列固定宽度入手，开始尝试二列布局的情况下，左右栏宽度能够做到自适应，从一列自适应布局中我们知道，设定自适应主要通过宽度的百分比值设置，因此在二列宽度自适应的布局中也同样是对百分比宽度值的设计，继续 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：151 | 回复：0
  • CSS网页布局入门教程6：左列固定，右列宽度自适应
    HTML/CSS编程经验
    CSS网页布局入门教程6：左列固定，右列宽度自适应
    在实际应用中，有时候需要左栏固定宽度，右栏根据浏览器窗口大小自动适应，在CSS中实现这样的布局方式是简单可行的，只需在设置左栏的宽度即可，如上例中左右栏都采用了百分比实现了宽度自适应，而我们只需要将左栏 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：148 | 回复：0
  • CSS网页布局入门教程7：二列固定宽度居中
    HTML/CSS编程经验
    CSS网页布局入门教程7：二列固定宽度居中
    在一列固定宽度之中，我们使用margi:0pxauto;这样的设置，使一个div得以达到居中显示，而二列分栏中，需要控制的是左分栏的左边与右分栏的右边相等，因此使用margi:0pxauto;似乎不能够达到宁产的效果，这时就需要进 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：178 | 回复：0
  • CSS网页布局入门教程8：三列浮动中间列宽度自适应
    HTML/CSS编程经验
    CSS网页布局入门教程8：三列浮动中间列宽度自适应
    使用浮动定位方式，从一列到多列的固定宽度及自适应，基本上可以简单完成，包括三列的固定宽度。而在这里给我们提出了一个新的要求，希望有一个三列式布局，基中左栏要求固定宽度，并居左显示，右栏要求固定宽度并居 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：164 | 回复：0
  • CSS网页布局入门教程11：带当前标识的标签式横向导航图片美化版 ...
    HTML/CSS编程经验
    CSS网页布局入门教程11：带当前标识的标签式横向导航图片美化版 ...
    虽然完成了标签式导航，但是广场状的导航似乎并不能够顺应现在的设计潮流，其实导航不仅可以使用css的颜色来定义，同样可以采用精心设计的图片或其它元素来构建导航，在这里我们将开始改善导航的设计，使它成为更加 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：172 | 回复：0
  • CSS网页布局入门教程12：纵向导航菜单
    HTML/CSS编程经验
    CSS网页布局入门教程12：纵向导航菜单
    纵向导航菜单也是网站应用中的一种重要形式，所谓纵向导航菜单是指放置在网页左侧或右侧的从上至下排列的一种导航形式。先看一下效果吧！ 如图所示的效果，我们先看一下代码结构：div id="nav"h1CSS/h1h2a href="#"c ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：179 | 回复：0
  • CSS网页布局入门教程13：下拉及多级弹出式菜单
    HTML/CSS编程经验
    CSS网页布局入门教程13：下拉及多级弹出式菜单
    下拉及弹出式菜单是网站设计中常用导航形式，这种菜单形式能够充分利用页面现在空间隐藏与显示更多内容，并能对内容进行合理的分类显示，是一种非常优秀的导航形式。 　　早期的下拉或弹出式菜单通过隐藏的layer或di ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：179 | 回复：0
  • CSS网页布局入门教程14：纵向下拉及多级弹出式菜单
    HTML/CSS编程经验
    CSS网页布局入门教程14：纵向下拉及多级弹出式菜单
    学完了上节教程，我想对于这于这节的学习就容易得多了。 横向菜单是通过div及JavaSprict实现下拉控制，纵向菜单呢？答案是肯定的。我们现在要做的就是一个纵向菜单，css代码： ul{margin:0;padding:0;list-style:non ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：174 | 回复：0
  • DIV+CSS 英文命名规范
    HTML/CSS编程经验
    DIV+CSS 英文命名规范
    1.CSSID的命名 外　套：　　wrap 主导航：　　mainnav 子导航：　　subnav 页　脚：　　footet 整个页面：　content 页　眉：　　header 页　脚：　　footer 商　标：　　label 标　题：　　title 主导航：　　mainb ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：168 | 回复：0
  • 解读css发展历史
    HTML/CSS编程经验
    解读css发展历史
    从1990年代初HTML被发明开始样式表就以各种形式出现了，不同的浏览器结合了它们各自的样式语言，读者可以使用这些样式语言来调节网页的显示方式。一开始样式表是给读者用的，最初的HTML版本只含有很少的显示属性，读 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：148 | 回复：0
  • 发现四种在网页中使用CSS样式表的方法
    HTML/CSS编程经验
    发现四种在网页中使用CSS样式表的方法
    如何在网页中插入CSS 前面我们了解了CSS的语法，但要想在浏览器中显示出效果，就要让浏览器识别并调用。当浏览器读取样式表时，要依照文本格式来读，这里介绍四种在页面中插入样式表的方法：链入外部样式表、内部样 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：141 | 回复：0
  • 让用户自己控制网页字体的大小的css书写方法
    HTML/CSS编程经验
    让用户自己控制网页字体的大小的css书写方法
    现在国内绝大多数的站点都用CSS把字体大小设定为12px，像素虽然也是相对尺寸单位，但只是相对于屏幕的分辨率，当屏幕的分辨率一定时，如果你感到字太小，阅读有困难，在非标准浏览器中就无能为力了，所以说，如果把 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：145 | 回复：0
  • CSS注释、命名、继承性、样式排序等CSS技巧的小结
    HTML/CSS编程经验
    CSS注释、命名、继承性、样式排序等CSS技巧的小结
    一、关于注释 　　在创建xhtml+CSS网站时，CSS中的注释非常重要。在创建CSS样式时，应当保持随手注释的习惯。一般的，我习惯于使用“/*注释内容*/”的格式来写注释，因为在EditPlus等具有高亮功能的编辑器里，使用C ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：145 | 回复：0
  • CSS样式表规划与管理的经验总结
    HTML/CSS编程经验
    CSS样式表规划与管理的经验总结
    彻底放弃表格布局，使用xhtml+CSS建站也已经有一年多了。一年多的实践也积累了一定的经验，现在写这篇文章来总结一下。在使用xhtml+CSS建站的过程中有一个比较关键的问题：网站的CSS样式表规划与管理。 我的CSS管理 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：142 | 回复：0
  • CSS标签切换代码实例教程 比较漂亮
    HTML/CSS编程经验
    CSS标签切换代码实例教程 比较漂亮
    我们的设计越来越追求一种简洁的风格，希望在有限的空间内展示更多的内容。与此同时我们发现一些问题，内容的简单排列总使页面很长。滚屏很多才能将显示的内容布局完毕。YAHOO与网易率先应用了标签切换的布局方式， ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：137 | 回复：0
  • CSS的margin边界叠加深度剖析图文演示
    HTML/CSS编程经验
    CSS的margin边界叠加深度剖析图文演示
    边界叠加是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多混淆。简单地说，当两个垂直边界相遇时，它们将形成一个边界。这个边界的高度等于两个发生叠加的边界的高度中的较大者。　　当一个元素 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：139 | 回复：0
  • CSS中Float（浮动）相关技巧文章
    HTML/CSS编程经验
    CSS中Float（浮动）相关技巧文章
    Float（浮动）概念也许是CSS中最让人迷惑的一个概念吧。Float经常被错误理解，而且因为将上下文元素全部浮动导致的可读性、可用性问题备受责难。然而，这些问题的根源并不在于理论本身，而是开发人员以及浏览器对理 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：141 | 回复：0
  • 惊现学习CSS应该注意的方法
    HTML/CSS编程经验
    惊现学习CSS应该注意的方法
    学习任何东西都是一样，从小学、中学、大学，除了学习知识外就是去学习方法！ 　　要想掌握CSS,首先要学会HTML，我刚开始是从零开始学习的，花了一个月时间学习HTML，没有老师，书就是我唯一的老师，也没有上网的条 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：146 | 回复：0
  • 使用text-align:justify实现两端对齐一例
    HTML/CSS编程经验
    使用text-align:justify实现两端对齐一例
    text-align:justify只能对多行中的非最后一行进行两端对齐。对于单行自己没办法，IE有text-justify可以解决问题，对了非IE的我的方式比较垃圾，因为只在特殊场合下才会用。 ExampleSourceCode .justify{ height:1.1e ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：137 | 回复：0
热门推荐
More+
专题导读
More+
热门话题
More+
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服（服务时间 9:00～18:00）

在线QQ客服
地址：深圳市南山区西丽大学城创智工业园
电邮：jeky_zhao#qq.com
移动电话：139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap