HTML/CSS编程经验

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

RSS

几乎被设计师遗忘了的标签fieldset legend

几乎被设计师遗忘了的标签 fieldset { width: 300px; border: 1px solid #006600; } legend { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; } ul { margin: 10px; pa ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：180 | 回复：0
div布局的自由伸展三栏式版面的代码

自由伸展的三栏式版面自由伸展的三栏式版面（Three Column Stretch）（页首） #leftbox { position: absolute; left: 10px; width: 180px(150px?); } 这个栏段的背景是利用 body 卷标设定的图 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：176 | 回复：0
ul+li及css制作韩国风格菜单代码

www.ogeek.net CSS Templates Free Download CSS WebSites Showcase CSS Web Design Article 韩国网站的设计风格特征鲜明，色彩明快，现在越来越多的人正在模仿这种风格。韩国风格的网站设计思路之所 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：163 | 回复：0
DIV+CSS作网页容易犯的错误小结

1.检查HTML元素是否有拼写错误、是否忘记结束标记。即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2.检查CSS是否正确。　　检查一下有无拼写错误、是否忘记结尾的}等。可 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：152 | 回复：0
flash幻灯片需要先激活ActiveX控件才能使用的又一个办法

微软由于种种原因，在sp2后限制了IE的ActiveX的使用模式，就是在页面中的ActiveX有一个虚框，需要用户点击一次才能正常交互。Flash是作为一个ActiveX嵌入到网页中的，所以它也会受牵连，只有通过JS嵌入Flash才能解决 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：146 | 回复：0
推荐个不错的表单Input的高级用法11例

1.取消按钮按下时的虚线框　　在input里添加属性值hideFocus或者HideFocus=true 2.只读文本框内容在input里添加属性值readonly 3.防止退后清空的TEXT文档(可把style内容做做为类引用) 　　INPUTstyle=behavior:url ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：161 | 回复：0
又一实用的常用CSS缩写语法收集

为什么要进行CSS缩写？在进行WEB标准网页设计时，必不可少的是写入大量的CSS语法，一般情况下我们可以通过Dreamweaver软件的“CSS样式”面板自动生成相应的CSS代码。不过虽然软件生成的CSS代码阅读清晰易懂，但就 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：152 | 回复：0
用css实现的带阴影的表格效果的代码

nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp;……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：152 | 回复：0
用css滤镜实现的文字描边效果的代码

注意：当与背景图同时出现时，会出现不兼容。 a { position:absolute; color:white; filter: Dropshadow(offx=1,offy=0,color=red) Dropshadow(offx=0,offy=1,color=red) Dropshadow(offx=0,offy=-1,color=red) Dro ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：158 | 回复：0
CSS实现的一个图片放大展示的一种思路

这个用纯css实现的图片放大效果,真不错,看了以前有不少用纯css实现的图片放大效果的代码,都不理想,还是在这个好啊看下面的HTML代码：divclass="photo" ul liahref="#nogo1"class="hor"imgsrc=https://www.ogeek.net/ ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：138 | 回复：0
淘宝段正淳的css笔记大全第1/4页

试想过总结出这几年来写css与xhtml的经验，汇总成一片”旷世奇文”分享给大家。无奈寡人年世已高，真是有点力不从心了。于是转念一想，可以用笔记的形式展现，这样就不用担心写不出来了。现在就来说个淘宝首页上的 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：132 | 回复：0
推荐个Css的filter常用滤波器属性及语句大全

Css的filter常用滤波器属性及语句大全语法：STYLE="filter:filtername(fparameter1,fparameter2...)" 　　（Filtername为滤镜的名称，fparameter1、fparameter2等是滤镜的参数）　　滤镜说明：　　Alpha：设置透 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：154 | 回复：0
固定表格的高度超过指定高度就隐藏的方法

经常做网页，可发现原理只用控制td的高度，超过了就隐藏是不能用的，应该还有其它的方法，后来发现，原理，只需要在td.../td中加个div style="height:80px; overflow:hidden" /div就可以了，唉 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：148 | 回复：0
一点小小的创意css鼠标放上去则显示电话号码

1， default: 2，鼠标移上去:来源：今天在同事的手机的电话薄里面发现的，发现他存的电话号码都是显示名字，然后只要往下移动，就能显示这个人的相应的号码。然后自己就在想，这还满不错的嘛。于是就想到以前好象收 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：151 | 回复：0
不错的10个你未必知道的CSS技巧

本翻译并未得到作者或网站授权。一切权利都归原作者及原网站所有。如果你得到原作者或原发表网站的授权，可以自由使用本翻译。 1.CSS字体属性简写规则一般用CSS设定字体属性是这样做的： font-weight:bold; font-s ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：133 | 回复：0
推荐深入理解css中的position定位和z-index属性

作者：Cutsin 原文地址：http://www.moonless.net/blog/2007/09/csspositionz-index.html 注：本文仅供交流使用，如有不当之处欢迎批评指正，但请注明详由，谢谢！由于平时不太用到，所以过去写css的时候对于positi ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：167 | 回复：0
创建IE各版本专属CSS IE中的if语句

http://5key.net/blog/article.asp?id=309 IE下专属CSS：复制代码代码如下:! linkrel="stylesheet"type="text/css"href="NOT-IE.css"/ !IE6ONLY: 复制代码代码如下:!-- linkrel="stylesheet"type="text/css"href= ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：159 | 回复：0
3个效果超酷的FORM表单美化效果打包下载

第一个效果图：打包下载----------------------------------------------------------------------------------------- 第二个效果图：打包下载 -------------------------------------------------------------- ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：160 | 回复：0
CSS整体布局声明的一些使用技巧

我们应该养成良好的编码习惯，CSS整体布局声明为我们的代码简化、提高运行效率提供了途径。我们列举比较常用的形式，并加上解释。整体布局声明的作用在于将目标作一个整体的概括，声明一些完全相同或基本相同的属性 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：147 | 回复：0
使用text-align:justify实现两端对齐一例

text-align:justify只能对多行中的非最后一行进行两端对齐。对于单行自己没办法，IE有text-justify可以解决问题，对了非IE的我的方式比较垃圾，因为只在特殊场合下才会用。 ExampleSourceCode .justify{ height:1.1e ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：138 | 回复：0
惊现学习CSS应该注意的方法

学习任何东西都是一样，从小学、中学、大学，除了学习知识外就是去学习方法！　　要想掌握CSS,首先要学会HTML，我刚开始是从零开始学习的，花了一个月时间学习HTML，没有老师，书就是我唯一的老师，也没有上网的条 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：147 | 回复：0
CSS中Float（浮动）相关技巧文章

Float（浮动）概念也许是CSS中最让人迷惑的一个概念吧。Float经常被错误理解，而且因为将上下文元素全部浮动导致的可读性、可用性问题备受责难。然而，这些问题的根源并不在于理论本身，而是开发人员以及浏览器对理 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：142 | 回复：0
CSS的margin边界叠加深度剖析图文演示

边界叠加是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多混淆。简单地说，当两个垂直边界相遇时，它们将形成一个边界。这个边界的高度等于两个发生叠加的边界的高度中的较大者。　　当一个元素 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：140 | 回复：0
CSS标签切换代码实例教程比较漂亮

我们的设计越来越追求一种简洁的风格，希望在有限的空间内展示更多的内容。与此同时我们发现一些问题，内容的简单排列总使页面很长。滚屏很多才能将显示的内容布局完毕。YAHOO与网易率先应用了标签切换的布局方式， ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：138 | 回复：0
CSS样式表规划与管理的经验总结

彻底放弃表格布局，使用xhtml+CSS建站也已经有一年多了。一年多的实践也积累了一定的经验，现在写这篇文章来总结一下。在使用xhtml+CSS建站的过程中有一个比较关键的问题：网站的CSS样式表规划与管理。我的CSS管理 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：143 | 回复：0
CSS注释、命名、继承性、样式排序等CSS技巧的小结

一、关于注释　　在创建xhtml+CSS网站时，CSS中的注释非常重要。在创建CSS样式时，应当保持随手注释的习惯。一般的，我习惯于使用“/*注释内容*/”的格式来写注释，因为在EditPlus等具有高亮功能的编辑器里，使用C ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：146 | 回复：0
让用户自己控制网页字体的大小的css书写方法

现在国内绝大多数的站点都用CSS把字体大小设定为12px，像素虽然也是相对尺寸单位，但只是相对于屏幕的分辨率，当屏幕的分辨率一定时，如果你感到字太小，阅读有困难，在非标准浏览器中就无能为力了，所以说，如果把 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：146 | 回复：0
发现四种在网页中使用CSS样式表的方法

如何在网页中插入CSS 前面我们了解了CSS的语法，但要想在浏览器中显示出效果，就要让浏览器识别并调用。当浏览器读取样式表时，要依照文本格式来读，这里介绍四种在页面中插入样式表的方法：链入外部样式表、内部样 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：142 | 回复：0
解读css发展历史

从1990年代初HTML被发明开始样式表就以各种形式出现了，不同的浏览器结合了它们各自的样式语言，读者可以使用这些样式语言来调节网页的显示方式。一开始样式表是给读者用的，最初的HTML版本只含有很少的显示属性，读 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：149 | 回复：0
DIV+CSS 英文命名规范

1.CSSID的命名外　套：　　wrap 主导航：　　mainnav 子导航：　　subnav 页　脚：　　footet 整个页面：　content 页　眉：　　header 页　脚：　　footer 商　标：　　label 标　题：　　title 主导航：　　mainb ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：169 | 回复：0
CSS网页布局入门教程14：纵向下拉及多级弹出式菜单

学完了上节教程，我想对于这于这节的学习就容易得多了。横向菜单是通过div及JavaSprict实现下拉控制，纵向菜单呢？答案是肯定的。我们现在要做的就是一个纵向菜单，css代码： ul{margin:0;padding:0;list-style:non ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：176 | 回复：0
CSS网页布局入门教程13：下拉及多级弹出式菜单

下拉及弹出式菜单是网站设计中常用导航形式，这种菜单形式能够充分利用页面现在空间隐藏与显示更多内容，并能对内容进行合理的分类显示，是一种非常优秀的导航形式。　　早期的下拉或弹出式菜单通过隐藏的layer或di ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：180 | 回复：0
CSS网页布局入门教程12：纵向导航菜单

纵向导航菜单也是网站应用中的一种重要形式，所谓纵向导航菜单是指放置在网页左侧或右侧的从上至下排列的一种导航形式。先看一下效果吧！如图所示的效果，我们先看一下代码结构：div id="nav"h1CSS/h1h2a href="#"c ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：180 | 回复：0
CSS网页布局入门教程11：带当前标识的标签式横向导航图片美化版 ...

虽然完成了标签式导航，但是广场状的导航似乎并不能够顺应现在的设计潮流，其实导航不仅可以使用css的颜色来定义，同样可以采用精心设计的图片或其它元素来构建导航，在这里我们将开始改善导航的设计，使它成为更加 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：173 | 回复：0
CSS网页布局入门教程8：三列浮动中间列宽度自适应

使用浮动定位方式，从一列到多列的固定宽度及自适应，基本上可以简单完成，包括三列的固定宽度。而在这里给我们提出了一个新的要求，希望有一个三列式布局，基中左栏要求固定宽度，并居左显示，右栏要求固定宽度并居 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：165 | 回复：0
CSS网页布局入门教程7：二列固定宽度居中

在一列固定宽度之中，我们使用margi:0pxauto;这样的设置，使一个div得以达到居中显示，而二列分栏中，需要控制的是左分栏的左边与右分栏的右边相等，因此使用margi:0pxauto;似乎不能够达到宁产的效果，这时就需要进 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：179 | 回复：0
CSS网页布局入门教程6：左列固定，右列宽度自适应

在实际应用中，有时候需要左栏固定宽度，右栏根据浏览器窗口大小自动适应，在CSS中实现这样的布局方式是简单可行的，只需在设置左栏的宽度即可，如上例中左右栏都采用了百分比实现了宽度自适应，而我们只需要将左栏 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：149 | 回复：0
CSS网页布局入门教程5：二列宽度自适应

从二列固定宽度入手，开始尝试二列布局的情况下，左右栏宽度能够做到自适应，从一列自适应布局中我们知道，设定自适应主要通过宽度的百分比值设置，因此在二列宽度自适应的布局中也同样是对百分比宽度值的设计，继续 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：152 | 回复：0
CSS网页布局入门教程4：二列固定宽度

有了一列固定宽度作为基础，二列固定宽度就非常简单，我们知道div用于对某一个区域的标识，而二列的布局，自然需要用到两个div，XHTML代码如下：复制代码代码如下:divid="left"左列/div divid="right"右列/div新的 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:47 | 阅读：151 | 回复：0
CSS网页布局入门教程3：一列固定宽度居中

页面整体居中是网页设计中最普遍应用的形式，在传统表格布局中，我们使用表格的align="center"属性来实现，。div本身也支持align="center"属性，也可以让div呈现居中状态，但css布局是为了实现表现和内容的分离，而a ...……

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

1 ... 11 12 13 141516 17 18 19 ... 24 / 24 页下一页

客服电话

电子邮件

HTML/CSS编程经验

关于我们

产品与服务

解决方案

139-2527-9053