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

HTML/CSS编程经验

RSS
  • 用CSS实现链接的虚线下划线效果
    用CSS实现链接的虚线下划线效果
    一些CSS定义虚线实例代码……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：305 | 回复：0
  • CSS使用心得体会
    CSS使用心得体会
    一，CSS的管理 偶个人感觉比较重要，而且网上好像也比较少有说这方面的 一来管理好的话，在调用和定义CSS时，会省掉很多时间和麻烦 以下是偶的一些积累 首先是为何要外部导入或链接CSS 因为一个网页有很多页面， ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：304 | 回复：0
  • 最窄770px最宽1024px的经典布局研究
    最窄770px最宽1024px的经典布局研究
    最典型实用的上中下，并且中间分三列的布局，这个例子有2个特点： 1. 中间三列效果，可以任意实现单列背景色。2. 整体最窄770px，最宽1024px，也就是说窗口小于770xp就出底部滚动条，如果大于1024px自动屏幕居中。 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：303 | 回复：0
  • 图片翻转菜单技术研究
    图片翻转菜单技术研究
    Fastcompany是simplebits.com站长的全CSS+Div布局作品.网站导航采用的是CSS图片翻转.不用多想肯定是利用a:link和a:hover等不同状态下利用显示不同的background-images制作而成.我认为作者的独到之处在于CSS中的a:hov ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：315 | 回复：0
  • CSS做一个超链接的陷下效果
    CSS做一个超链接的陷下效果
    A:link,A:visited ,A:active {TEXT-DECORATION: none} A:hover {text-decoration : none; position : relative; top : 1px; left : 1px} 把鼠标放上来看看效果--- 极客世界……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：295 | 回复：0
  • 块元素block element和内联元素inline element
    块元素block element和内联元素inline element
    内联级元素(inline-levelelement)中试图插入块级(block-levelelement)元素。这样做是不允许的。唯一的能在内联元素中插入块级元素的例外是object标签。那么什么是内联级元素(inline-levelelement)和块级(block-level ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：290 | 回复：0
  • 关于居中布局和IE双倍边距bug
    关于居中布局和IE双倍边距bug
    今天google了一下css居中布局的问题，结果差不多都是引用了同一篇文章。在ie中要居中，只要在body元素中定义text-align:center;的属性。而在firefox中，需要定义一个wrapper包裹器。然后指定margin-left:auto;margin ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：296 | 回复：0
  • 相对路径与绝对路径的区别
    相对路径与绝对路径的区别
    绝对路径： 　　在我们平时使用计算机时要找到需要的文件就必须知道文件的位置，而表示文件的位置的方式就是路径，例如只要看到这个路径：c:/website/img/photo.jpg我们就知道photo.jpg文件是在c盘的website目录下的 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：292 | 回复：0
  • HTML技巧汇编
    HTML技巧汇编
    1.怎样定义网页语言(字符集)? 在制作网页过程中,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们用所见即所得的HTML工具时,都没有注意到这个问题,因为它是默认设置。要设置的语言可以在HTML代码状态下找 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：297 | 回复：0
  • 用DIV+CSS如何实现这种表格效果
    用DIV+CSS如何实现这种表格效果
    表格效果table nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; 表格效果div+css #div1 { width: 450px; border-top: #000 1px solid; border-left: #000 1px solid; } #div1 ul { width: ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：296 | 回复：0
  • IE图片下空隙问题解决方法集合
    IE图片下空隙问题解决方法集合
    看到问此问题的很多，所以花点时间整理下，欢迎大家提意见，做补充修改，谢谢！问题如下: div { width:500px; border:1px solid #f00; background:#000; } 解决方法:一、改变HTML的排列 div { width:500px; bor ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：297 | 回复：0
  • 标准化——表格
    标准化——表格
    对于那些刚接触CSS布局的人来说，常对如何使用表格（table）感到迷惑。我在很多地方看到人们把“避免用表格来布局”理解成“完全不使用table标签”。值得注意的是，表格是可以用的而且非常好用——只要用的正确。 是 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：340 | 回复：0
  • 让comment标记在各浏览器都能通用
    让comment标记在各浏览器都能通用
    在IE下，位于该标记下的代码是不会显示在页面中，这对于用来隐藏一些HTML代码非常有用。 但在非IE浏览器下，该标记的无效；可分别在IE和FF下测试一下下面这段代码，就知道效果了。 复制代码 代码如下:commentid="CnL ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：294 | 回复：0
  • 表格边框的css语法
    表格边框的css语法
    我们知道Dreamweaver在表格制作方面做得非常出色，但是在某些时候还是必须结合css才能达到一些特定效果，下面我们先把有关表格边框的css语法整理出来，然后另外介绍怎样用css美化表格的边框。 　　有关表格边框的css ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：297 | 回复：0
  • 网页设计中色彩搭配的内涵
    网页设计中色彩搭配的内涵
    网页的色彩搭配往往是网友们感到头疼的问题，尤其是那些完全没有美术基础的网友。到底用什么色彩搭配好看呢？ 　　一、红色的色感温暖，性格刚烈而外向，是一种对人刺激性很强的色。红色容易引起人的注意，也容易使 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：322 | 回复：0
  • 学习Xhtml+CSS2的一些心得体会
    学习Xhtml+CSS2的一些心得体会
    自从W3C搞了一个Xhtml1.0的标准之后，很多网站都开始用之将站点重构，像yahoo，163，CSDN等，近来一段时间Xhtml+CSS2的热潮更是一浪高过一浪，所以偶也开始学起了，慢慢的就爱上他们了，现在谈一谈最近一段时间来的 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：409 | 回复：0
  • 标准化你的网页
    标准化你的网页
    Web标准是越来越突出了，现在建站都讲究个符合标准，通过W3C的XHTML和CSS验证，那么怎样才能做出一个符合标准的站点呢，下面是我在BLOG重构和制作OSdevResource过程中的一些经验^_^。 去网页设计师看一些有关Web标准 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：302 | 回复：0
  • 转载：On having layout
    转载：On having layout
    译者注：一篇很好的文章，很久以前在blog上就推荐过，这两天断断续续花了点时间翻译了一下，推荐读读。英文原文在此。 　　文中所有的 layout 这个单词都未作翻译，一来本身这个单词意思就比较多，翻成啥都觉得别扭 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：372 | 回复：0
  • IE7 beta2的CSS兼容性
    IE7 beta2的CSS兼容性
    当IE7 beta1推出的时候，我在第一时间对它作了个测试。当时发现它对CSS的支持几乎没有任何变化，着实失望了一阵。MS在最近推出了IE7 beta2，这次有了不少新的改进和变化。但这些改进和变化会导致一些原来正常网页出 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：311 | 回复：0
  • CSS之自动换行
    CSS之自动换行
    大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是CSS如何将他们换行的方法！对于div 1.（IE浏览器）white-space:normal;word-break:break-all;这里前者是遵循标准。 #wrap{white-spac ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：298 | 回复：0
  • CSS也能控制表格的交替颜色
    CSS也能控制表格的交替颜色
    复制代码 代码如下:styletype="text/css" !-- tr{background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")} -- /style /HEAD table trtd第1行/tdtd第1行/td/tr trtd第2行/tdtd第2行/td/tr trtd第3行 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：321 | 回复：0
  • 利用CSS控制SELECT中的OPTION是否不允许选
    利用CSS控制SELECT中的OPTION是否不允许选
    .disabled { } .disabled optgroup{ font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; color:#CCCCCC; background-color: #F5F5F5; } .disabled option { padding-left:0px; } ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：324 | 回复：0
  • 表格斜线
    表格斜线
    New Document 张三 李四 王五 数学 55 66 77 英语 99 68 71 语文 33 44 55……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：334 | 回复：0
  • 布局遇到的问题 非常不错的见解
    布局遇到的问题 非常不错的见解
    前言 还未等到下一代WEB开发技术RIA技术成熟之前,当然还得与HTML作斗争。前段时间《网站重构》炒得挺热， 这些都是进步，的确给我们新的思想。在这里总结一些开发中的点滴经验。 布局 1、上下左右布局 刚开始学制作 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：293 | 回复：0
  • display&position
    display&position
    display:block　将子对象作为块对象呈递。很多内联样式的效果，需要用到display。#photo a img{border:3px solid #FF6600; }#photo a:hover {display:block;} /**若不加此句，则内联对象img的样式不会显示**/#photo ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：300 | 回复：0
  • 一段巧妙的css debug代码
    一段巧妙的css debug代码
    想法很简单，代码很简洁，效果也不错，蛮有用（这种高级东东IE自然又是不认识的）。 复制代码 代码如下:*{outline:2pxdottedred} **{outline:2pxdottedgreen} ***{outline:2pxdottedorange} ****{outline:2pxdottedb ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：303 | 回复：0
  • CSS定义通用透明效果
    CSS定义通用透明效果
    复制代码 代码如下:.transparent{filter:alpha(opacity=12);-moz-opacity:0.12;opacity:0.12;background-color:#000;}filter:alpha(opacity=12);支持IE -moz-opacity:0.12;支持FF opacity:0.12;支持未知 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：309 | 回复：0
  • HTML中的数据绑定
    HTML中的数据绑定
    信息来源：Wayne_Deng的专栏 有没想过在javascript中使用recordset？原来在客户端操作数据也可以这样简单，定义一个数据源，将数据绑定在各种tag上，实现应用程序般的效果，酷毙了！（首先申明一点，文章的内容全部 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：338 | 回复：0
  • div＋css布局入门
    div＋css布局入门
    你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：308 | 回复：0
  • 微软终于对网页三剑客下手了
    微软终于对网页三剑客下手了
    Microsoft Expression Web Beta 1 betaDownload: http://fileforum.betanews.com/detail/Microsoft_Expression_Web/1147707644/1Microsoft Expression Web(以前叫Expression Web Designer) 可以帮助大家设计和制作基 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：676 | 回复：0
  • Mozilla建议的CSS书写顺序
    Mozilla建议的CSS书写顺序
    //显示属性 display list-style position float clear //自身属性 width height margin padding border background //文本属性 color font text-decoration text-align vertical-align white-space othertext conten ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：319 | 回复：0
  • 文字或图片元素在DIV中垂直居中
    文字或图片元素在DIV中垂直居中
    复制代码 代码如下:!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 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：309 | 回复：0
  • 关于CSS：优先级
    关于CSS：优先级
    Firefox: ID选择器(形如#divMain{})类(形如.divSpecial{})标签(形如body{}) IE: 类ID选择器标签 例: divid="divMain"class="divSpecial"内容儿/div 在Firefox中表现出#divMain{}所定义的样式，而在IE中则表现出.divS ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：300 | 回复：0
  • 在线ASC码查询
    在线ASC码查询
    目前计算机中用得最广泛的字符集及其编码，是由美国国家标准局(ANSI)制定的ASCII码（American Standard Code for Information Interchange，美国标准信息交换码），它已被国际标准化组织（ISO）定为国际标准，称为IS ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：307 | 回复：0
  • CSS解决未知高度垂直居中
    CSS解决未知高度垂直居中
    尽管有CSS的vertical-align特性，但是并不能有效解决未知高度的垂直居中问题（在一个DIV标签里有未知高度的文本或图片的情况下）。 标准浏览器如Mozilla,Opera,Safari等.，可将父级元素显示方式设定为TABLE(display: ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：294 | 回复：0
  • 用js控制css的不错的方法
    用js控制css的不错的方法
    #tabs UL {DISPLAY: inline; PADDING-LEFT: 0px; MARGIN-LEFT: 10px; WHITE-SPACE: nowrap} #tabs UL LI {BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #999 1px solid; DISPLAY: inline; PADDIN ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：293 | 回复：0
  • 一些不标准的东西，不过还是有点用处
    一些不标准的东西，不过还是有点用处
    这些小TIPS，在CSS手册或者HTML手册里是看不到的，不记得是在那里看到的，不过我一直用着。虽然标准校验通不过，如果不追求标准校验的话，还是可以用用的，因为在IE和Firefox里能显示的很好。 1。是不是经常会遇到小 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：293 | 回复：0
  • windows的listview一样,而且不能把表头从表格里面独立出来
    windows的listview一样,而且不能把表头从表格里面独立出来
    body { background-color: #F0F0F0 ; font: 11px "verdana","Arial"; width:90%; margin-left:auto; margin-right:auto; } .tScroll { border: 1px #7494BF solid; background-color: #ffffff; overflow: scroll; ov ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：302 | 回复：0
  • li的简单应用(将前面的点换成图标)
    li的简单应用(将前面的点换成图标)
    li的简单应用 *{margin:0;padding:0;} #test { width:300px; margin:5px; } #test ul li { margin:3px;/* for IE5.x*/ margin/*\*/:1px; list-style-type:none; font:normal normal normal ?px/2em helvetica,Arial ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：314 | 回复：0
  • 使用#default#userdata组件实现的可记忆内容的编辑器
    使用#default#userdata组件实现的可记忆内容的编辑器
    以下代码正常调试须IE5.5以上浏览器 .userData {behavior:url(#default#userdata);} 保存 清除 加载……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：314 | 回复：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