HTML/CSS编程经验

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

RSS

第5天:head区的其他设置

这些技巧主要讲meta标签设置的，其实与符合web标准关系不大，只要注意在最后加"/"关闭标签就可以，但是既然是入门教程，就写得详细一点吧。收藏夹小图标如果你将本站加入收藏夹，可以看到在收藏夹网址之前的IE图标 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：270 | 回复：0
第4天:调用样式表

用web标准设计网站，过渡的方法主要是采用XHTML+CSS，css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS，如果你以前不常用，那么现在就开始学习吧。要制作符合web标准的网站，不懂CSS是设计不出漂亮的 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：248 | 回复：0
第3天:定义语言编码

第三步是定义你的语言编码，类似这样：meta http-equiv="Content-Type" content="text/html; charset=gb2312" / 为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语言，我们一般 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：254 | 回复：0
第2天:什么是名字空间

DOCTYPE声明好以后，接下来的代码是：html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312" 通常我们HTML4.0的代码只是html，这里的"xmlns"是什么呢？这个"xmlns"是XHTML namespace的缩写，叫做"名字空间"声明 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：255 | 回复：0
第1天:选择什么样的DOCTYPE

前言大家好！这个系列文章是按阿捷自己制作这个站点的过程编写的。之前阿捷也一直没有制作过一个真正符合web标准的网站。现在边参考国外资料边制作，同时把过程中的心得和经验记录下来，希望对大家有点帮助。好了， ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：248 | 回复：0
CSS样式表的背景渲染效率

我的MzTreeView1.0树控件发布至今，得到了不少意见反馈，很多网友给了我很多的中肯的建议，也指出了这个控件里的诸多BUG和不足之处，所以我准备写一个新版本的树，将大家的建议都整合进来实现。这几天我就一直在写新 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：248 | 回复：0
以前写的两个CSS树形菜单

第一次写的CSS树形菜单比较简单，只有二级目录，javascript代码总共不到十行，主要是靠CSS中的包含写法来实现的。演示地址：（1）http://www.cnlei.org/mycode/csstreemenu/index.html（2）http://cnlei.iecn.net/my ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：279 | 回复：0
【已解决】标签页刷新问题

body {font-size:12px;font-family:宋体} ul.TabBarLevel1{ list-style:none; margin:0; padding:0; height:29px; background-image:url(http://pics.taobao.com/2k5/sys/component/tabbar_level1_bk.gif); } ul.Tab ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：264 | 回复：0
模仿combox(select)控件，不用为美化select烦恼了。

不用整天为美化select控件烦恼了。 1、可批量美化select控件。 2、可以有onchange句柄。 3、触发onchange的函数可带参数。 3、可以得到select的值。 4、可设置像select类似的滚动条（如大于或等于8个数目时出现滚动 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：260 | 回复：0
韩国商业网站设计分析

摘自：七色鸟论坛web设计版一、页面结构　　韩国网站的页面结构相对来说比较简单，可以说几乎是统一的风格，顶部的左边是网站的logo，右边就是它的导航栏，和国内网站不一样的地方它甚少采用下拉菜单的样式，而是把 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：284 | 回复：0
HTML 向 XHTML1.0 兼容性指导

1 处理说明一些用户代理程序会显示处理说明。但是，注意当文档中没有XML声明时，文档只能用缺省的字符编码UTF-8 或 UTF-16。2 空元素在空元素结束符 / 和前加一个空格，如 br　/，hr　/ 和 img src="karen.jpg" al ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：265 | 回复：0
对hao123进行重构

受朋友之托，我对hao123.com网站首页进行了div+css的重新布局，精简源码，以适应现在的形势。拿到hao123.com的首页，首先对原来的布局进行了分析：源文件的大小为80k，文字内容较多，图片只有6个。布局不是很复杂分 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：265 | 回复：0
html在线编辑器的更新[2006-05]

html编辑器的更新 fckeditor FCKeditor 2.3beta 已经发布了。改写的部分代码，缩短了载入时间。采用了新的工具栏系统，缩短了载入时间新的右键快捷菜单，支持二级菜单添加了一个新的功能可以将编辑区域调整到适 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：275 | 回复：0
从gb到utf-8

现在不少中文网站的编码都在从gb2312向utf-8编码转化。其中出现了不少问题在这里总结一下: 前提：保证所有的文件保存的时候都是utf-8编码的，而不是ansi 具体设置：如果使用的是文本编辑器，那么在保存文件的时候 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：276 | 回复：0
调用265天气预报，不显示链接

1、首先做一个5*5的透明GIF文件，保存在“image”文件夹 2、建一个“weather”HTM文件，代码如下： html head metahttp-equiv="Content-Type"content="text/html;charset=gb2312" title天气预报/title styletype="te ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：237 | 回复：0
解决鼠标在 flash 链接上不停闪动的问题（web页面中）

有时，在网页中，鼠标放在flash链接上，光标形状会在手型和鼠标之间不停的闪（例如当网页中带有marquee标签时会出现这种情况），那么请在html代码中找到swf所在段，加入以下参数：　　 paramname="wmode"value="opaq ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：251 | 回复：0
在到达无H无F境界前~还是要痛苦~我兼容浏览器的CSS

对着多个解析不一样浏览器是件郁闷的事，是所有写CSS的人都会遇到的。虽然条件注释是一比较理想的做法，向前向后兼容。可惜我不大喜欢N个版本的CSS, 先说下我的自己的用法. 初始化 Selectors{} 保证向后兼容性，接 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：240 | 回复：0
小心：CSS代码书写顺序不同，导致显示效果不一样

无意中发现，针对同一HTML标记，在CSS中同时应用了font和line-height属性时，就得小心了，这二者的书写顺序不一样，会导致显示效果不同。即：如果先写font，再写line-height，显示效果正常如果先写line-height， ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：256 | 回复：0
CSS制造：鼠标移上去显示大图

鼠标移上去显示大图效果一……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：244 | 回复：0
使用XHTML1.0 Strict中需要特别注意的地方

永远使用小写字母，让引号伴随者属性:所有元素和属性的名字都必须使用小写，所有属性值必须使用双引号。错误:AHREF="index.html"CLASS=internal 正确:ahref="index.html"class="internal" 关闭所有的元素:在HTML中 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：255 | 回复：0
同一个页面用多个id有什么影响

在样式表定义一个样式的时候，可以定义id也可以定义class，例如： ID方法：#test{color:#333333}，在页面中调用divid="test"内容div CLASS方法：.test{color:#333333}，在页面中调用divclass="test"内容div id一个页 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：217 | 回复：0
标准布局应用：显示/隐藏侧边栏 [附详细注解]

显示/隐藏显示/隐藏俺是个js初学者，献丑了。这段js演示其实很简单，俺在这里只是想跟js大大们说一句：js是行为，不要跟样式表打架。有些事还是该由css来做的，例如：display:none || display:block，简直 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：258 | 回复：0
css写菜单：简洁注释版

这里是简洁版，主要把效果给剥离出来给大家研究。主要是利用了a:hover，li:hover的状态来做出显示/隐藏菜单的效果。关键之处：程序代码 !--!--/a!--!-- 这一段注释表示：只有非IE浏览器和IE7才能读取到/a 这样在 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：282 | 回复：0
又一个典型css实例

复制代码代码如下:!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" htmllang="zh-CN"xml:lang="zh-CN"xmlns="http://www.w3.org/1999/xhtml" head metahtt ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：251 | 回复：0
2006.12.06更新 TopStyle剪辑库

添加了一套CSS选择符;添加并修正了一些js代码;修正了一些css代码属性描述;10.26这次基本没更新什么东西，具体也懒得说了。TopStyle专用，包含了布局、表单、js等常用代码，方便大家偷懒~呵呵，其实是为了加快开发速 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：239 | 回复：0
Div+Css(+Js)菜单代码及制作工具

效果直逼flash的Div+Css+Js菜单 css菜单 body{ background-color:#B8B8A0; } #fbtn{ display:none; overflow:hidden; border-style:solid; border-width:1px; border-color:#e1e1c9 #e1e1c9 #6e6e56 #6e6e56; pad ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：263 | 回复：0
关于filter滤镜应用于图片的两种创意

（创意一：镜向模糊投影效果）（创意二：DropShadow相框浮凸效果）……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：235 | 回复：0
我的一些关于web标准的思考笔记（一）

我是从去年初开始学习web标准的，两年下来也有些心得。最近跳槽了正好闲在家里，写一些出来和大家交流一下。1 对于web标准和W3C XHTML规范的理解按照习惯的理解，这两个概念似乎都是指的一个东西（就是咱们在这个版 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：227 | 回复：0
web标准常见问题集合5

19.为什么这个背景颜色无法显示 web标准常见问题大全 web标准常见问题大全 web标准常见问题大全 web标准常见问题大全 web标准常见问题大全 IE中设置有背景色的ul并没有显示出来，这个属于haslayout问题，解 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：253 | 回复：0
web标准常见问题集合4

13.为什么FF下面不能水平居中呢 FF下面设置容器的左右外补丁为auto就可以了14.为什么FF下文本无法撑开容器的高度 web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：252 | 回复：0
用CSS打造抽屉菜单

宜广宣传广告 #leftside{ float:left; background-color:#00468C; width:150px; margin:0 auto; text-align:center; padding:10px 0;} #leftside.show_about p.about{ display:block;} #leftside.meta p.met ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：245 | 回复：0
web标准常见问题集合3

10.web标准中定义id与class有什么区别吗 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa 一. web标准中是不容许重复ID的,比如divid="aa"不容许重复2次,而class定义的是类,理论上可以无限重复,这样需要多次引用的定义便 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：252 | 回复：0
web标准常见问题集合2

7.IE6下这两个层中间怎么有间隙 aaaaaa aaaaaa 这个IE的3PXBUG也是经常出现的，解决的办法是给.right也同样浮动float:left或者相对IE6定义.leftmargin-right:-3px; 8.list-style-image无法准确定位的问题 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：269 | 回复：0
DIV+CSS 简单的导航条

很简单的导航条，放在这里已方便以后用到；ie7/ie7/Firefox都测试过了；没有问题；复制代码代码如下:*{padding:0;margin:0;font-size:12px;line-height:1.7;font-family:Verdana,"宋体",Arial;list-style:none;} / ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：250 | 回复：0
web标准常见问题集合第1/2页

列举了一些常见，新手经常问的问题。举例并说明解决方法。1.超链接访问过后hover样式就不出现的问题 web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：233 | 回复：0
像table一样布局div

http://www.456bereastreet.com/archive/200405/equal_height_boxes_with_css/下面是我翻译的内容，是根据我对文章的理解意译的，你就别挑哪里翻译的不对了，我的目的只是传达这个CSS技巧许多网页设计师都喜欢，将两 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：276 | 回复：0
单纯使用CSS实现动态提示信息

也许已经有人发现可以这样写... CSS代码部分 a.info{ position:relative;z-index:0;background-color:#ccc;color:#000;text-decoration:none} a.info:hover{ z-index:1;background-color:#ff0} a.infospan{ display: ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：257 | 回复：0
全面了解CSS

自从 Dreamweaver MX 2004 发布以来，我曾经无数次向 Dreamweaver 的新老用户演示它的新特征和新功能。每次进行产品演示，我很快就会极力称赞 Dreamweaver MX 2004 设计和呈现 CSS（或层叠样式表）的新功能。本篇详 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：283 | 回复：0
CSS经典实用技巧18招

文总结了我开始使用CSS布局方法以来所有的技巧和兼容方案，我愿意把这些与你分享，我会重点解释一些新手容易犯的错误(包括我自己也犯过的)，如果你已经是CSS高手，这些经验技巧可能已经都知道，如果你有更多的，希望 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:50 | 阅读：278 | 回复：0
深入探讨CSS中字体元素

字体的处理在网页设计中无论怎么强调也不为过，毕竟网页使用来传递信息的，而最经典最直接的信息传递方式就是文字，所以，了解一点字体的基本知识对于设计来说还是非常重要的。　　中文和英文的最大区别就是中文是 ...……

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

1 2 3 4 567 8 9 10 ... 24 / 24 页下一页

客服电话

电子邮件

HTML/CSS编程经验

关于我们

产品与服务

解决方案

139-2527-9053