HTML/CSS编程经验

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› HTML›HTML/CSS编程经验

RSS

marquee的详细用法解析

先看下marquee的html属性 MARQUEEALIGN="…" 　　BEHAVIOR="…" 　　BGCOLOR="…" 　　DIRECTION="…" 　　HEIGHT="…" 　　WIDTH="…" 　　HSPACE="…" 　　VSPACE="…" 　　LOOP="…" 　　SCROLLAMOUNT="…&……

作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：279 | 回复：0
HTML中的图象标签属性

HTML中的图象标签属性图象可以使网页更加生动美观。浏览器可以显示JPEG和GIF图象，其中GIF图象最多只能使用256种颜色（即只能保存为8位颜色），而JPEG格式可保存为24位，对具体连续色调的图象有最佳效果。不过，GI ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：297 | 回复：0
怎么改善现有网站

我们大部分的设计师依旧在采用传统的表格布局、表现与结构混杂在一起的方式来建立网站。学习使用XHTML+CSS的方法需要一个过程，使现有网站符合网站标准也不可能一步到位。最好的方法是循序渐进，分阶段来逐步达到完 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：312 | 回复：0
CSS布局入门

CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：300 | 回复：0
最基本的几种 CSS 文字滤镜效果

下面做个例子吧，这都是最基本滤镜的应用，其实两种或几种不同滤镜的组合会获得意想不到的效果，遇到问题自己多动手试试就OK了，当然要特别注意颜色的搭配，有时候用色不好是看不出效果的，配合背景图片的应用也会有 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：311 | 回复：0
CSS中的滑动门技术

ISSN: 1534-0295. 20 October 2003 – Issue No. 160 原文作者：Douglas Bowman 原文出自：A List Apart 中文翻译：54player.com nobita 版权说明：本文中文翻译版权归译者54player.com nobita所有。需要转载发表的 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：326 | 回复：0
!important在ie7.0的hack方法

由于ie对!important识别存在bug,而现在大部分网页标准设计师又通过这个bug来兼容ie和ff,但是ie7.0把这个bug给修复了,所以问题又出现了,怎么兼容ie.7.0的同时又能兼容ie6.0和ff?正所谓"上有政策,下有对策",国外的网页 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：334 | 回复：0
比较不错的打印效果 css

html head title看看/title metahttp-equiv="Content-Type"content="text/html;charset=gb2312" !--media=print这个属性可以在打印时有效-- stylemedia=print .Noprint{display:none;} .PageNext{page-break-after:a ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：322 | 回复：0
如何禁止打印页面

解决思路：要真正禁止打印页面是办不到的，但是如果能设置让用户打印到的是空白，也算是实现禁止打印的目的了。具体步骤：代码示例： html headtitle不可打印的页面/title style @mediaprint{ body{display:none} ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：342 | 回复：0
学习CSS的10大理由

作为一个热门技术，CSS的发展的确有些缓慢。CSS最早被提议在1994年，最早被浏览器支持在1996年，CSS一直被力捧为传统的以HTML为基础的web代码的继承者。CSS使用样式表来控制整个站点字体和布局的能力,使它看起来非常 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：349 | 回复：0
CSS2快速参考

自W3C（TheWorldWideWebConsortium）制定了代号为Cougar的HTML的4.0版本以来，存在在Web页面中的动态效果首次被正式的承认了，W3C把动态超文本（DynamicHTML）的实现分为了三个部分：脚本、支持动态效果的浏览器和CS ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：395 | 回复：0
CSS中box（盒模式）的分析

本篇用box的图例，对CSS中box（盒模式）的分析，为学习CSS的读者建立了清楚的模型。 W3C定义的盒模式如下: width和height定义的是Content部分的宽度和高度，padding border margin的宽度依次加在外面。背景会填充 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：387 | 回复：0
静态页面加密

Web Encoder body { font-size:12px; line-height:12px; background-Color:buttonface; border-width:0px; overflow:auto; margin:0px; padding:4px; } #t1, #t2 { width:100%; height:40%; border-width:1px; over ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：365 | 回复：0
Flash页面如何通过校验

1.embed是非法的 embed标签是Netscape的私有标签，虽然embed标签应用广泛存在，但是从HTML3.2,HTML4.0到XHTML1.0，W3C都没有收录这个标签。使用embed标签的页面将不能通过W3C校验。 2.应该用object W3C推荐的是objec ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：414 | 回复：0
常用CSS缩写语法总结

使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下：颜色 16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：#000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸通常有下面四 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:52 | 阅读：444 | 回复：0
在DIV+CSS排版中新闻列表的制作方法

CSS代码:.list{ margin: 0px 10px 20px; text-align: left; } .list ul{ list-style-type: none; margin: 0px; padding: 0px; } .list li{ background: url(/news/images/line.gif) repeat-x bottom; /*列表底部的虚 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:51 | 阅读：442 | 回复：0
未知大小图片在已知容器中的垂直和水平居中问题

除特别说明外，本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果。 CSS布局中,未知大小图片的垂直居中，一直是比较头疼的问题,标准浏览器只要设定容器的line-height和图片的vertical-align:middle;就可以了 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:51 | 阅读：372 | 回复：0
CSS解决未知高度垂直居中的问题

除特别说明外，本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果。原文标题：Vertical Centering in CSS 副标题：Yuhu's Definitive Solution with Unknown Height 翻译：forestgan 尽管有CSS的vertical-a ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:51 | 阅读：362 | 回复：0
关于居中布局和IE双倍边距bug

今天google了一下css居中布局的问题，结果差不多都是引用了同一篇文章。在ie中要居中，只要在body元素中定义text-align:center;的属性。而在firefox中，需要定义一个wrapper包裹器。然后指定margin-left:auto;margin ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:51 | 阅读：345 | 回复：0
块元素block element和内联元素inline element

内联级元素(inline-level element)中试图插入块级(block-level element)元素。这样做是不允许的。唯一的能在内联元素中插入块级元素的例外是object标签。那么什么是内联级元素(inline-level element)和块级(block-le ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:51 | 阅读：310 | 回复：0
兼容各个浏览器的技巧

1,盒解释器的不同解释. #box{ width:600px; //for ie6.0- w\idth:500px; //for ff+ie6.0}#box{ width:600px!important //for ff width:600px; //for ff+ie6.0 width /**/:500px; //for ie6.0-}2,在ie中隐藏css,使用 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:51 | 阅读：312 | 回复：0
CSS做一个超链接的陷下效果

代码如下： styleA:link,A:visited ,A:active {TEXT-DECORATION: none}A:hover {text-decoration : none; position : relative; top : 1px; left : 1px}/style A HREF="http://homepage.yesky.com/"把鼠标放上来看看 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:51 | 阅读：308 | 回复：0
expression将JS、Css结合起来

IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javas cript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javas cript表达式，CSS属性的值等于 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:51 | 阅读：317 | 回复：0
用CSS控制的闪烁效果

　　一段文本或一张图片，它的周围有一圈光晕，这圈光晕每一秒钟闪烁一次，而当鼠标移到上面时，立即停止闪烁，当鼠标移开时又继续闪烁。这种效果用于那些需要特别引起别人注意的内容上(如:警示、报告新增内容等)， ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:51 | 阅读：298 | 回复：0
用CSS实现文字变图象特效

　　一段文字，当鼠标在文字上面单击，文字消失，原来文字的地方却立即变成了一张图片，当鼠标在图片上单击，图片又消失，原来的文字又重现了，像变魔术一样，是不是有意思?!这种效果用Dreamweaver的Behavirs 功能也 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:51 | 阅读：304 | 回复：0
利用相对定位及偏移量做精美输入界面

利用相对定位和偏移量属性，可以很好的实现以前需要用图片才能实现的界面，而且实现起来比也很方便。例如，当需要用户输入某些信息，我们常常会用到：标题栏－内容－确定按钮这种结构，下面是利用CSS样式的相对定位 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:51 | 阅读：298 | 回复：0
不用float实现模块居中布局

最常见实用的布局形式：上、中左、中右、底四个模块，宽度760px，整体页面居中。结构代码，top left right foot 四个模块全部独立、互不嵌套。＜div id="top"＞head＜/div＞＜div id="left"＞＜div id="left_mo ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:51 | 阅读：309 | 回复：0
网站首页head区代码规范

head区是指首页HTML代码的head和/head之间的内容。必须加入的标签 1.公司版权注释 !---ThesiteisdesignedbyMaketown,Inc06/2000--- 2.网页显示字符集简体中文：METAHTTP-EQUIV="Content-Type"CONTENT="text/html;c ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:51 | 阅读：319 | 回复：0
解决 select 挡住div的解决方法

在div里加入下面的代码，根据需要调整就可以了复制代码代码如下:iframesrc="javascript:false"scrolling="no"frameborder="0"style="z-index:-1;position:absolute;top:;left:;width:;height:;" /iframe ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:51 | 阅读：287 | 回复：0
DIV 居中的绝好解决方法

现在进行WEB重构的时候,一般我们做DIV居中是这样: 复制代码代码如下:body{ margin:0pxauto; text-align:center; } 但是在没申明下面这句解析方法的时候,页面就会出错.不能居中对齐! 复制代码代码如下:!DOCTYPEhtml ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:51 | 阅读：273 | 回复：0
IE与FireFox的兼容性问题

window.event IE：有window.event对象 FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event) 鼠标当前坐标 IE：event.x和event.y。 FF：event.pageX和event.pageY。通 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:51 | 阅读：300 | 回复：0
CHM集锦(CHM)

样式表中文手册CSS2.0(CHM) 下载 new外挂制作教程(CHM) 下载 newC#2.0新特性(CHM)下载 newDHTML 手册(CHM)下载 script(CHM) 下载win32api(CHM) 下载XML指南(CHM) 下载表单验证Validator v1.0(CHM) 下载5日精通css层 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:51 | 阅读：343 | 回复：0
div做细线表格,很强悍

#div1 { width: 450px; border-top: #000 1px solid; border-left: #000 1px solid; } #div1 ul { width: 450px; margin: 0px; } #div1 li { float: left; width: 150px; height: 50px; list-style-type: none; bord ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:51 | 阅读：306 | 回复：0
改进网页可读性的7个方法

1.　使用对比色（Usecontrastingcolours）.这里说的对比是文字的颜色和背景色的对比。这样用户可以比较容易的看清文字，减少阅读疲劳。有视力障碍的人可能看不清楚低对比度的文字。可以去Vischeck这个网站可以看看你 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:51 | 阅读：305 | 回复：0
使用有趣的自定义标记布局页面

今天我们来学习,如何使用有趣的自定义标记来布局页面。有的朋友可能有这样的疑问，自己随便定义的标记浏览器怎么能正确的认识呢？这里我们就要用到文档的命名空间，那么命名空间又是指什么？大家知道XML有一个很大 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:51 | 阅读：285 | 回复：0
以图换字的几个方法及思路

今天有个朋友做网页的时候遇到个问题：想保留链接的背景，但又要链接里的文字消失！可是弄了半天一直没办法把这个文字去掉。我想很多学标准的朋友都遇到过这个问题，这里我把常用的几个方法写出来，把思路也讲一下， ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:51 | 阅读：304 | 回复：0
小三角的做法与使用

用DIV+CSS可以作出很多不同形状的角形；以下我只写了几个；CSS没有优化；是为了让大家看得更清一些；以下是一些小三角的形状：这是第一个小三角的写法：复制代码代码如下:#com_a{border-top:10pxsolid#FFFFCC;bo ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:51 | 阅读：309 | 回复：0
China.com网站开发规范第1/2页

1数据库使用规范 1.1服务器上有关数据库的一切操作只能由服务器管理人员进行。 1.2程序中访问数据库时使用统一的用户、统一的连接文件访问数据库。 1.3原则上每一个频道只能建一个库，库名与各频道的英文名称相一致 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:51 | 阅读：267 | 回复：0
找到html标记对应的脚本属性

javascript中可以创建以及引用一个元素，进而通过这个元素来取得或者设置属性。然而一个元素的属性却不是和脚本中使用的属性一一对应的。一个较偏僻的属性，甚至google也很难找到其对应的脚本属性。今天我就遇到了这 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:51 | 阅读：289 | 回复：0
实用的标签效果

body{font-size:12px;line-height:150%;} table{font-size:12px;line-height:150%;} a:link {color:#000; text-decoration:none} a:visited {color:#000; text-decoration:none} a:active {color:#000; text-decorat ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:51 | 阅读：289 | 回复：0

1 2 345 6 7 8 9 10 ... 24 / 24 页下一页

客服电话

电子邮件

HTML/CSS编程经验

关于我们

产品与服务

解决方案

139-2527-9053