• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

HTML/CSS编程经验

RSS
  • 用CSS实现链接的虚线下划线效果
    用CSS实现链接的虚线下划线效果
    一些CSS定义虚线实例代码……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:271 | 回复:0
  • CSS使用心得体会
    CSS使用心得体会
    一,CSS的管理 偶个人感觉比较重要,而且网上好像也比较少有说这方面的 一来管理好的话,在调用和定义CSS时,会省掉很多时间和麻烦 以下是偶的一些积累 首先是为何要外部导入或链接CSS 因为一个网页有很多页面, ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:274 | 回复:0
  • 最窄770px最宽1024px的经典布局研究
    最窄770px最宽1024px的经典布局研究
    最典型实用的上中下,并且中间分三列的布局,这个例子有2个特点: 1. 中间三列效果,可以任意实现单列背景色。2. 整体最窄770px,最宽1024px,也就是说窗口小于770xp就出底部滚动条,如果大于1024px自动屏幕居中。 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:274 | 回复:0
  • 图片翻转菜单技术研究
    图片翻转菜单技术研究
    Fastcompany是simplebits.com站长的全CSS+Div布局作品.网站导航采用的是CSS图片翻转.不用多想肯定是利用a:link和a:hover等不同状态下利用显示不同的background-images制作而成.我认为作者的独到之处在于CSS中的a:hov ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:288 | 回复: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 | 阅读:268 | 回复:0
  • 块元素block element和内联元素inline element
    块元素block element和内联元素inline element
    内联级元素(inline-levelelement)中试图插入块级(block-levelelement)元素。这样做是不允许的。唯一的能在内联元素中插入块级元素的例外是object标签。那么什么是内联级元素(inline-levelelement)和块级(block-level ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:256 | 回复:0
  • 关于居中布局和IE双倍边距bug
    关于居中布局和IE双倍边距bug
    今天google了一下css居中布局的问题,结果差不多都是引用了同一篇文章。在ie中要居中,只要在body元素中定义text-align:center;的属性。而在firefox中,需要定义一个wrapper包裹器。然后指定margin-left:auto;margin ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:267 | 回复:0
  • 相对路径与绝对路径的区别
    相对路径与绝对路径的区别
    绝对路径:   在我们平时使用计算机时要找到需要的文件就必须知道文件的位置,而表示文件的位置的方式就是路径,例如只要看到这个路径:c:/website/img/photo.jpg我们就知道photo.jpg文件是在c盘的website目录下的 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:271 | 回复:0
  • HTML技巧汇编
    HTML技巧汇编
    1.怎样定义网页语言(字符集)? 在制作网页过程中,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们用所见即所得的HTML工具时,都没有注意到这个问题,因为它是默认设置。要设置的语言可以在HTML代码状态下找 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:273 | 回复: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 | 阅读:264 | 回复:0
  • IE图片下空隙问题解决方法集合
    IE图片下空隙问题解决方法集合
    看到问此问题的很多,所以花点时间整理下,欢迎大家提意见,做补充修改,谢谢!问题如下: div { width:500px; border:1px solid #f00; background:#000; } 解决方法:一、改变HTML的排列 div { width:500px; bor ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:264 | 回复:0
  • 标准化——表格
    标准化——表格
    对于那些刚接触CSS布局的人来说,常对如何使用表格(table)感到迷惑。我在很多地方看到人们把“避免用表格来布局”理解成“完全不使用table标签”。值得注意的是,表格是可以用的而且非常好用——只要用的正确。 是 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:307 | 回复:0
  • 让comment标记在各浏览器都能通用
    让comment标记在各浏览器都能通用
    在IE下,位于该标记下的代码是不会显示在页面中,这对于用来隐藏一些HTML代码非常有用。 但在非IE浏览器下,该标记的无效;可分别在IE和FF下测试一下下面这段代码,就知道效果了。 复制代码 代码如下:commentid="CnL ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:250 | 回复:0
  • 表格边框的css语法
    表格边框的css语法
    我们知道Dreamweaver在表格制作方面做得非常出色,但是在某些时候还是必须结合css才能达到一些特定效果,下面我们先把有关表格边框的css语法整理出来,然后另外介绍怎样用css美化表格的边框。   有关表格边框的css ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:265 | 回复:0
  • 网页设计中色彩搭配的内涵
    网页设计中色彩搭配的内涵
    网页的色彩搭配往往是网友们感到头疼的问题,尤其是那些完全没有美术基础的网友。到底用什么色彩搭配好看呢?   一、红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的色。红色容易引起人的注意,也容易使 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:280 | 回复:0
  • 学习Xhtml+CSS2的一些心得体会
    学习Xhtml+CSS2的一些心得体会
    自从W3C搞了一个Xhtml1.0的标准之后,很多网站都开始用之将站点重构,像yahoo,163,CSDN等,近来一段时间Xhtml+CSS2的热潮更是一浪高过一浪,所以偶也开始学起了,慢慢的就爱上他们了,现在谈一谈最近一段时间来的 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:374 | 回复:0
  • 标准化你的网页
    标准化你的网页
    Web标准是越来越突出了,现在建站都讲究个符合标准,通过W3C的XHTML和CSS验证,那么怎样才能做出一个符合标准的站点呢,下面是我在BLOG重构和制作OSdevResource过程中的一些经验^_^。 去网页设计师看一些有关Web标准 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:268 | 回复:0
  • 转载:On having layout
    转载:On having layout
    译者注:一篇很好的文章,很久以前在blog上就推荐过,这两天断断续续花了点时间翻译了一下,推荐读读。英文原文在此。   文中所有的 layout 这个单词都未作翻译,一来本身这个单词意思就比较多,翻成啥都觉得别扭 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:336 | 回复:0
  • IE7 beta2的CSS兼容性
    IE7 beta2的CSS兼容性
    当IE7 beta1推出的时候,我在第一时间对它作了个测试。当时发现它对CSS的支持几乎没有任何变化,着实失望了一阵。MS在最近推出了IE7 beta2,这次有了不少新的改进和变化。但这些改进和变化会导致一些原来正常网页出 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:264 | 回复:0
  • CSS之自动换行
    CSS之自动换行
    大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是CSS如何将他们换行的方法!对于div 1.(IE浏览器)white-space:normal;word-break:break-all;这里前者是遵循标准。 #wrap{white-spac ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:255 | 回复: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 | 阅读:289 | 回复: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 | 阅读:292 | 回复:0
  • 表格斜线
    表格斜线
    New Document 张三 李四 王五 数学 55 66 77 英语 99 68 71 语文 33 44 55……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:298 | 回复:0
  • 布局遇到的问题 非常不错的见解
    布局遇到的问题 非常不错的见解
    前言 还未等到下一代WEB开发技术RIA技术成熟之前,当然还得与HTML作斗争。前段时间《网站重构》炒得挺热, 这些都是进步,的确给我们新的思想。在这里总结一些开发中的点滴经验。 布局 1、上下左右布局 刚开始学制作 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:260 | 回复: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 | 阅读:265 | 回复:0
  • 一段巧妙的css debug代码
    一段巧妙的css debug代码
    想法很简单,代码很简洁,效果也不错,蛮有用(这种高级东东IE自然又是不认识的)。 复制代码 代码如下:*{outline:2pxdottedred} **{outline:2pxdottedgreen} ***{outline:2pxdottedorange} ****{outline:2pxdottedb ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:270 | 回复: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 | 阅读:282 | 回复:0
  • HTML中的数据绑定
    HTML中的数据绑定
    信息来源:Wayne_Deng的专栏 有没想过在javascript中使用recordset?原来在客户端操作数据也可以这样简单,定义一个数据源,将数据绑定在各种tag上,实现应用程序般的效果,酷毙了!(首先申明一点,文章的内容全部 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:290 | 回复:0
  • div+css布局入门
    div+css布局入门
    你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习: 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:276 | 回复: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 | 阅读:468 | 回复: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 | 阅读:292 | 回复: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 | 阅读:281 | 回复:0
  • 关于CSS:优先级
    关于CSS:优先级
    Firefox: ID选择器(形如#divMain{})类(形如.divSpecial{})标签(形如body{}) IE: 类ID选择器标签 例: divid="divMain"class="divSpecial"内容儿/div 在Firefox中表现出#divMain{}所定义的样式,而在IE中则表现出.divS ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:260 | 回复:0
  • 在线ASC码查询
    在线ASC码查询
    目前计算机中用得最广泛的字符集及其编码,是由美国国家标准局(ANSI)制定的ASCII码(American Standard Code for Information Interchange,美国标准信息交换码),它已被国际标准化组织(ISO)定为国际标准,称为IS ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:282 | 回复:0
  • CSS解决未知高度垂直居中
    CSS解决未知高度垂直居中
    尽管有CSS的vertical-align特性,但是并不能有效解决未知高度的垂直居中问题(在一个DIV标签里有未知高度的文本或图片的情况下)。 标准浏览器如Mozilla,Opera,Safari等.,可将父级元素显示方式设定为TABLE(display: ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:264 | 回复: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 | 阅读:263 | 回复:0
  • 一些不标准的东西,不过还是有点用处
    一些不标准的东西,不过还是有点用处
    这些小TIPS,在CSS手册或者HTML手册里是看不到的,不记得是在那里看到的,不过我一直用着。虽然标准校验通不过,如果不追求标准校验的话,还是可以用用的,因为在IE和Firefox里能显示的很好。 1。是不是经常会遇到小 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:262 | 回复: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 | 阅读:268 | 回复: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 | 阅读:283 | 回复:0
  • 使用#default#userdata组件实现的可记忆内容的编辑器
    使用#default#userdata组件实现的可记忆内容的编辑器
    以下代码正常调试须IE5.5以上浏览器 .userData {behavior:url(#default#userdata);} 保存 清除 加载……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:52 | 阅读:284 | 回复:0
热门推荐
专题导读
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

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

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