HTML/CSS编程经验

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

RSS

百分比的细节－－容器大小篇

因为屏幕能显示的最小单位是1px，对于像773*50%=386.5这样带数字的长度必须有所取舍。测试页面，一些浏览器的截图标宽度也在里面 IE：按四舍五入的方式计算。 Firefox：计算后的值忽略小数部分，但会把多出的长度分 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：182 | 回复：0
div+css详解定位与定位应用

引伸阅读 * 解读absolute与relative * position:relative/absolute无法冲破的等级 * 对《无法冲破的等级》一文的补充定位一直是WEB标准应用中的难点，如果理不清楚定位那么可能应实现的效果实现不了，实现了的效 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：193 | 回复：0
css动态模糊效果

实例效果：请把鼠标放上去看看第一步：把下面的脚本插入head与/head之间： scriptfunction on(she){girl=shemove=setInterval("moving(girl)",50)} function off(she){ clearInterval(move) she.filters.blur ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：192 | 回复：0
巧用CSS的MASK滤镜

Mask滤镜可以为网页上的HTML元件对象作出一个矩形遮罩，关于什么是遮罩?如果你用过Flash中的遮罩，你就会知道了，就是那个样子了。实际上对于遮罩你也可以这样来理解，相当于用一块有色布把物件盖起来，但内容却被挖 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：165 | 回复：0
css滤镜效果（二）

7、Gray ,Invert,Xray 滤镜语法：{filter:gray} ,{filter:invert},{filter:xray} Gray滤镜是把一张图片变成灰度图；Invert滤镜是把对象的可视化属性全部翻转，包括色彩、饱和度、和亮度值；Xray滤镜是让对象反映出 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：192 | 回复：0
css滤镜效果（一）

1、Alpha 滤镜语法：{FILTER：ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy)} "Alpha"属性是把一个目标元素与背景混合。设计 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：193 | 回复：0
css滤镜基础教程

CSS滤镜基础随着网页设计技术的发展，人们已经不满足于原有的一些HTML标记，而是希望能够为页面添加一些多媒体属性，例如滤镜的和渐变的效果。CSS技术的飞快发展使这些需求成为了现实。从现在开始我要为大家介 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：163 | 回复：0
css滤镜属性语法介绍

css滤镜 Style属性：　　可以应用在标签中，更可用广泛应用在tabletrtdbody centerimginputfontformframelabelmap等等标签中，更重要的是，它可用在标签中。页面切换效果：在页面前部与之间加入"" 说明：duratio ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：192 | 回复：0
HTML 30分钟入门教程

运行下面的代码就可以了 HTML 30分钟入门教程 h1 {text-align:center} p {text-indent:2em; line-height:140%; margin:auto 10px} span {margin:3px} .code { border:solid 1px gray; background-color:#eee ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：161 | 回复：0
div+css实现的滑动门,简洁,新手上路 (小鸽子系列)

以前回复过几个朋友,关于滑动门的代码,那时我还没有用上IE7,FF,结果,发现只能在IE6下运行,代码也很长;今天又有朋友问我这个,我只好花一点时间,终于把这个东东完成了,希望大家喜欢; 兼容IE7;FF;IE6 代码更简洁,更易读 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：172 | 回复：0
做网页经常要注意的常识整理收集

背景图片不滚动IE浏览器支持一个Body属性bgproperties，它可以让背景不滚动: BodyBackground="图片文件"bgproperties="fixed"关于onfocus,onblur今天在BI里看到这样的贴子，刚好学习下。inputtype="text"size="50"on ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：186 | 回复：0
用CSS让表格返转的代码 IE only

返转90或180度应理解为“翻转90或180度”，用镜像翻转滤镜fliph,flipv. 一个表格原地不动br tableborder="1"cellspacing="0"cellpadding="0"width="156"height="66"trtdalign="center"一个简单的表格/td/tr/table br ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：150 | 回复：0
IE和FIREFOX下CSS的区别与解决方法第1/2页

CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。对高度的解析 IE：将根据内容的高度变化，包括未定义高度的图片内容，即使定义了高度，当内容超过高度时， ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：169 | 回复：0
CSS选择符说明

一、类型选择符 body { font-size:12px; } { color:blue; } 　　指对网页中已有的标签类型作为名称的选择符，如上表示：body标签内的所有文字大小为12px;段落内的文字颜色为蓝色。　　二、群组选择符 h4,p,span { f ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：169 | 回复：0
CSS入门教程篇

CSS是CascadingStyleSheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。　　1.基本语法规范分析一个典型CSS的语句： p{COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中"p"我们称为"选 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：168 | 回复：0
DIV+CSS布局教程大全与pdf电子书下载

div＋css布局入门 4XHTML下css+div布局总结. 6网页设计DIV+CSS——第1天:选择什么样的DOCTYPE. 9第一天 9什么是DOCTYPE 10我们选择什么样的DOCTYPE 10补充 10网页设计DIV+CSS——第2天:什么是名字空间 10网页设计DIV ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：166 | 回复：0
比较漂亮的一个导航条的效果DIV+CSS

导航条的一个效果DIV+CSS 现在应用于客齐集网站！复制代码代码如下:style *{margin:0;padding:0;list-style:none;} body{font-size:12px;margin:100px;} #info{border:1pxsolid#BCFF1D;width:348px;background:#D6 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：170 | 回复：0
用css来控制图片大小显示的实现方法与代码

有时候图片太大，会破环网页整齐的布局。这时可以用css来强制按比例压缩图片的高度或宽度 css代码如下： img,aimg{ border:0; margin:0; padding:0; max-width:590px; width:expression(this.width590?"590px":this. ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：192 | 回复：0
代码实例之纯CSS代码实现翻页效果

纯CSS实现翻页效果，原理比较简单，书签配合隐藏。 dl { position:absolute; width:240px; height:170px; border:10px solid #eee; } dd { margin:0; width:240px; height:170px; overflow:hidden; } img { bor ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：191 | 回复：0
CSS opacity - 实现图片半透明效果的代码

前几天一位做网页设计的朋友问我这个问题：如何通过CSS来实现图片半透明效果，并且在IE和Mozilla上都可以得到支持。下面将我的方法分享给大家。下图为通过CSS实现的图片透明效果这个效果在IE和Mozilla浏览器上都 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：180 | 回复：0
CSS设置网页的字体防浏览器浏览页面字体变形

电脑里说不上是哪里出问题了.看很多网页,字体都变了.不是宋体了.看上去比较难看.拿SOHU来说吧,在我的电脑上看就是这样.可能看不去不太舒服吧.而看网易并没有这样的问题.由于就猜想恳定是SOHU没有设置网页的字体.简单 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：160 | 回复：0
ie中多id的调用方法

ie中直接用该id做变量名，可得到一个数组，数组元素为具有该id的对象在ie7和firefox中用getElementById会取得第一个具有该id的对象建议不要对多个元素使用相同id，以免招致混乱11111111 x222xxxxxxxxxx 333 4 5555 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：188 | 回复：0
页里面 CDATA的作用说明

必须将script和style元素的内容包装到CDATA节中。如果在脚本或样式表中使用特殊字符（例如或）或实体引用（例如或），则需要将脚本或样式表的内容标记为CDATA（字符数据）节，如下所示。 scripttype="text/javascri ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：195 | 回复：0
推荐彻底弄懂CSS盒子模式(DIV布局快速入门)第1/3页

作者：唐国辉实例网页网址：http://www.hsptc.com/css2.html前言如果你想尝试一下不用表格来排版网页，而是用CSS来排版你的网页，也就是常听的用DIV来编排你的网页结构，又或者说你想学习网页标准设计，再或者说你 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：178 | 回复：0
客齐集OEM的CSS解析与开发经验

客齐集OEM的CSS解析这个OEM是客齐集推出来的，如果你有一个域名，那么你就可以定制自已的网站了。由于是要让站工自已定制，所以开放了HTML以及CSS、JS等代码。但默认的CSS是CSS是不能改的。在写这个CSS时，我尽量 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：196 | 回复：0
一个新的CSS菜单代码

body { font-family: verdana, helvetica, arial, sans-serif; } #mainMenu { background-color: #EEE; border: 1px solid #CCC; color: #000; width: 203px; } #menuList { margin: 0px; padding: 10px 0px 10px 15 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：199 | 回复：0
创建无表格网站的原因和原则译文

Inatimeofwebdeveloperswhojustliketosaythat'TablesareEvil'andcan't(orwon't)explainwhy,thisarticlewillattempttogiveyousomesolidreasonsthatpeoplecreatetablelessdesigns.Includedaresixmajorbenefitsofcreati ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：184 | 回复：0
为什么要建立web标准与web标准的好处

我们大部分人都有深刻体验，每当主流浏览器版本的升级，我们刚建立的网站就可能变得过时，我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的"浏览器大战"，为了兼容Netscape和IE，网站不得不为这两种浏览 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：187 | 回复：0
巧妙的最大化动态载入IFrame的方法

把这段代码写进一个html测试一下，很神奇的哦~ var f= document.getElementById("iframe"); f.src="http://www.baidu.com"; f.width="100%"; f.height="100%"; 好了好了，别笑了，你别说，这代码对有些人还是 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：216 | 回复：0
非常漂亮的Div+CSS布局入门教程第1/5页

在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：286 | 回复：0
什么是XHTML?

XHTML是EXtensible HyperText Markup Language的英文缩写,即可扩展的超文本标记语言. XHTML语言是一种标记语言,它不需要编辑,可以直接由浏览器执行. XHTML是用来代替HTML的, 是2000年w3c公布发行的. XHTML是一种增强 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：262 | 回复：0
什么叫标准网页设计?

我们必须知道的!每个网页都是由'内容'与'表现'组织起来的. 内容:就是我要显示什么.(使用HTML) 表现:怎么显示的更好.(使用CSS,学习CSS教程) 作为一个负责的网页设计者,你要牢记,标准网页设计中,HTML只是负责显示内容 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：248 | 回复：0
FIF互动帮助手册系列－HTML手册 flash版

本手册是FIF小组推出的《FIF互动帮助手册系列》中的《HTML手册》，其中共收录HTML标签、事件、属性共774个，并附带它们的读音。同时，本手册还提供助记功能，您可以通过“点点”和“填填”两个助记辅助工具来加深 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：235 | 回复：0
iframe的使用用法

iframe也应该是框架的一种形式，它与frame不同的是，iframe可以嵌在网页中的任意部分。一、直直接嵌入网页，具体代码如： iframewidth=420height=330frameborder=0scrolling=autosrc=URL/iframe，这里的URL可以是相 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：243 | 回复：0
广告放在文章页左上角的解决办法二

可以试试这个表格式代码~ tablewidth="98%"border=0align="center"cellPadding=0cellSpacing=0 tr tdalign=leftheight=26divalign=left tablecellSpacing=0cellPadding=0align=leftborder=0 tr tdalign=centerwidth= ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：260 | 回复：0
文章内容页广告浮于左上角的解决办法

这个是整页代码，你可以看着改了，也可以保存成HTML文件，完了试试看就知道了，主要用的CSS+DIV 上面的东西移到模板中，下面的东西也是一样~完了就行了~ !DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""h ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：234 | 回复：0
用CSS实现的一张图完成的按钮效果

.inp_L1,.inp_L2,{background:url(https://www.ogeek.net/images/bg_x.jpg) no-repeat} .inp_L1{ width:67px; height:23px; background-position:-4px -4px; border:0; color:#464646; line-height:23px} .inp_L2{ w ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：251 | 回复：0
web打印的另类方法

web打印的另类方法选择自wfmazhenhai的Blog 关键字web打印的另类方法出处相信用B/S方式做过应用的人都可能会遇到这样一个问题，如何方便、美观地实现报表打印。如果使用浏览器的打印菜单打印的话，将把网页上的一 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：282 | 回复：0
让人不得不佩服的CSS效果

作者：eoe1.寻寻觅觅先要找个到好效果~才能抄如http://www.cssplay.co.uk/ http://www.cssbeauty.com 等都能常常看到今天不小心路过cssplayhttp://www.cssplay.co.uk/ menus/magnifier2.html好像好好玩滴样子自己开 ...……

作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：265 | 回复：0
li的简单应用

作者:eoe 虽然自己天天写CSS~~ 可是来了原创文章这里~~不知道要写什么~~ 今天就先写个LI的简单应用~~以后慢慢加好了这是一个普通的LI !DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.1//EN" "http://www.w3.org/TR/xhtml11/ ...……

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

1 ... 8 9 10 111213 14 15 16 ... 24 / 24 页下一页

客服电话

电子邮件

HTML/CSS编程经验

关于我们

产品与服务

解决方案

139-2527-9053