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

HTML/CSS编程经验

RSS
  • 百分比的细节--容器大小篇
    百分比的细节--容器大小篇
    因为屏幕能显示的最小单位是1px,对于像773*50%=386.5这样带数字的长度必须有所取舍。 测试页面,一些浏览器的截图标宽度也在里面 IE:按四舍五入的方式计算。 Firefox:计算后的值忽略小数部分,但会把多出的长度分 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:150 | 回复:0
  • div+css详解定位与定位应用
    div+css详解定位与定位应用
    引伸阅读 * 解读absolute与relative * position:relative/absolute无法冲破的等级 * 对《无法冲破的等级》一文的补充 定位一直是WEB标准应用中的难点,如果理不清楚定位那么可能应实现的效果实现不了,实现了的效 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:157 | 回复:0
  • css动态模糊效果
    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 | 阅读:159 | 回复:0
  • 巧用CSS的MASK滤镜
    巧用CSS的MASK滤镜
    Mask滤镜可以为网页上的HTML元件对象作出一个矩形遮罩,关于什么是遮罩?如果你用过Flash中的遮罩,你就会知道了,就是那个样子了。实际上对于遮罩你也可以这样来理解,相当于用一块有色布把物件盖起来,但内容却被挖 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:143 | 回复:0
  • css滤镜效果(二)
    css滤镜效果(二)
    7、Gray ,Invert,Xray 滤镜 语法:{filter:gray} ,{filter:invert},{filter:xray} Gray滤镜是把一张图片变成灰度图;Invert滤镜是把对象的可视化属性全部翻转,包括色彩、饱和度、和亮度值;Xray滤镜是让对象反映出 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:155 | 回复:0
  • css滤镜效果(一)
    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 | 阅读:161 | 回复:0
  • css滤镜基础教程
    css滤镜基础教程
    CSS滤镜基础 随着网页设计技术的发展,人们已经不满足于原有的一些HTML标记,而是希望能够为页面添加一些多媒体属性,例如滤镜的和渐变的效果。CSS技术的飞快发展使这些需求成为了现实。从现在开始我要为大家介 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:135 | 回复:0
  • css滤镜属性语法介绍
    css滤镜属性语法介绍
    css滤镜 Style属性:   可以应用在标签中,更可用广泛应用在tabletrtdbody centerimginputfontformframelabelmap等等标签中, 更重要的是,它可用在标签中。 页面切换效果: 在页面前部与之间加入"" 说明:duratio ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:165 | 回复:0
  • HTML 30分钟入门教程
    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 | 阅读:136 | 回复:0
  • div+css实现的滑动门,简洁,新手上路 (小鸽子系列)
    div+css实现的滑动门,简洁,新手上路 (小鸽子系列)
    以前回复过几个朋友,关于滑动门的代码,那时我还没有用上IE7,FF,结果,发现只能在IE6下运行,代码也很长;今天又有朋友问我这个,我只好花一点时间,终于把这个东东完成了,希望大家喜欢; 兼容IE7;FF;IE6 代码更简洁,更易读 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:145 | 回复:0
  • 做网页经常要注意的常识 整理收集
    做网页经常要注意的常识 整理收集
    背景图片不滚动IE浏览器支持一个Body属性bgproperties,它可以让背景不滚动: BodyBackground="图片文件"bgproperties="fixed"关于onfocus,onblur今天在BI里看到这样的贴子,刚好学习下。inputtype="text"size="50"on ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:154 | 回复:0
  • 用CSS让表格返转的代码 IE only
    用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 | 阅读:133 | 回复:0
  • IE和FIREFOX下CSS的区别与解决方法第1/2页
    IE和FIREFOX下CSS的区别与解决方法第1/2页
    CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。 对高度的解析 IE:将根据内容的高度变化,包括未定义高度的图片内容,即使定义了高度,当内容超过高度时, ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:143 | 回复:0
  • CSS选择符说明
    CSS选择符说明
    一、类型选择符 body { font-size:12px; } { color:blue; }   指对网页中已有的标签类型作为名称的选择符,如上表示:body标签内的所有文字大小为12px;段落内的文字颜色为蓝色。   二、群组选择符 h4,p,span { f ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:140 | 回复:0
  • CSS入门教程篇
    CSS入门教程篇
    CSS是CascadingStyleSheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制,属于表现层的布局语言。   1.基本语法规范 分析一个典型CSS的语句: p{COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中"p"我们称为"选 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:146 | 回复:0
  • DIV+CSS布局教程大全与pdf电子书 下载
    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 | 阅读:140 | 回复:0
  • 比较漂亮的一个导航条的效果DIV+CSS
    比较漂亮的一个导航条的效果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 | 阅读:151 | 回复:0
  • 用css来控制图片大小显示的实现方法与代码
    用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 | 阅读:163 | 回复:0
  • 代码实例之纯CSS代码实现翻页效果
    代码实例之纯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 | 阅读:156 | 回复:0
  • CSS opacity - 实现图片半透明效果的代码
    CSS opacity - 实现图片半透明效果的代码
    前几天一位做网页设计的朋友问我这个问题:如何通过CSS来实现图片半透明效果,并且在IE和Mozilla上都可以得到支持。下面将我的方法分享给大家。 下图为通过CSS实现的图片透明效果 这个效果在IE和Mozilla浏览器上都 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:145 | 回复:0
  • CSS设置网页的字体 防浏览器浏览页面字体变形
    CSS设置网页的字体 防浏览器浏览页面字体变形
    电脑里说不上是哪里出问题了.看很多网页,字体都变了.不是宋体了.看上去比较难看.拿SOHU来说吧,在我的电脑上看就是这样.可能看不去不太舒服吧.而看网易并没有这样的问题.由于就猜想恳定是SOHU没有设置网页的字体.简单 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:136 | 回复:0
  • ie中多id的调用方法
    ie中多id的调用方法
    ie中直接用该id做变量名,可得到一个数组,数组元素为具有该id的对象 在ie7和firefox中用getElementById会取得第一个具有该id的对象 建议不要对多个元素使用相同id,以免招致混乱11111111 x222xxxxxxxxxx 333 4 5555 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:160 | 回复:0
  • 页里面 CDATA的作用说明
    页里面 CDATA的作用说明
    必须将script和style元素的内容包装到CDATA节中。 如果在脚本或样式表中使用特殊字符(例如或)或实体引用(例如或),则需要将脚本或样式表的内容标记为CDATA(字符数据)节,如下所示。 scripttype="text/javascri ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:157 | 回复:0
  • 推荐彻底弄懂CSS盒子模式(DIV布局快速入门)第1/3页
    推荐彻底弄懂CSS盒子模式(DIV布局快速入门)第1/3页
    作者:唐国辉 实例网页网址:http://www.hsptc.com/css2.html前言 如果你想尝试一下不用表格来排版网页,而是用CSS来排版你的网页,也就是常听的用DIV来编排你的网页结构,又或者说你想学习网页标准设计,再或者说你 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:142 | 回复:0
  • 客齐集OEM的CSS解析与开发经验
    客齐集OEM的CSS解析与开发经验
    客齐集OEM的CSS解析 这个OEM是客齐集推出来的,如果你有一个域名,那么你就可以定制自已的网站了。由于是要让站工自已定制,所以开放了HTML以及CSS、JS等代码。但默认的CSS是CSS是不能改的。 在写这个CSS时,我尽量 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:161 | 回复:0
  • 一个新的CSS菜单代码
    一个新的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 | 阅读:163 | 回复:0
  • 创建无表格网站的原因和原则 译文
    创建无表格网站的原因和原则 译文
    Inatimeofwebdeveloperswhojustliketosaythat'TablesareEvil'andcan't(orwon't)explainwhy,thisarticlewillattempttogiveyousomesolidreasonsthatpeoplecreatetablelessdesigns.Includedaresixmajorbenefitsofcreati ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:154 | 回复:0
  • 为什么要建立web标准与web标准的好处
    为什么要建立web标准与web标准的好处
    我们大部分人都有深刻体验,每当主流浏览器版本的升级,我们刚建立的网站就可能变得过时,我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的"浏览器大战",为了兼容Netscape和IE,网站不得不为这两种浏览 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:160 | 回复:0
  • 巧妙的最大化动态载入IFrame的方法
    巧妙的最大化动态载入IFrame的方法
    把这段代码写进一个html测试一下,很神奇的哦~ var f= document.getElementById("iframe"); f.src="http://www.baidu.com"; f.width="100%"; f.height="100%"; 好了好了,别笑了,你别说,这代码对有些人还是 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:182 | 回复:0
  • 非常漂亮的Div+CSS布局入门教程第1/5页
    非常漂亮的Div+CSS布局入门教程第1/5页
    在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。下面我们就开始一步一步 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:244 | 回复:0
  • 什么是XHTML?
    什么是XHTML?
    XHTML是EXtensible HyperText Markup Language的英文缩写,即可扩展的超文本标记语言. XHTML语言是一种标记语言,它不需要编辑,可以直接由浏览器执行. XHTML是用来代替HTML的, 是2000年w3c公布发行的. XHTML是一种增强 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:235 | 回复:0
  • 什么叫标准网页设计?
    什么叫标准网页设计?
    我们必须知道的!每个网页都是由'内容'与'表现'组织起来的. 内容:就是我要显示什么.(使用HTML) 表现:怎么显示的更好.(使用CSS,学习CSS教程) 作为一个负责的网页设计者,你要牢记,标准网页设计中,HTML只是负责显示内容 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:216 | 回复:0
  • FIF互动帮助手册系列-HTML手册 flash版
    FIF互动帮助手册系列-HTML手册 flash版
    本手册是FIF小组推出的《FIF互动帮助手册系列》中的《HTML手册》,其中共收录HTML标签、事件、属性共774个,并附带它们的读音。 同时,本手册还提供助记功能,您可以通过“点点”和“填填”两个助记辅助工具来加深 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:202 | 回复:0
  • iframe的使用用法
    iframe的使用用法
    iframe也应该是框架的一种形式,它与frame不同的是,iframe可以嵌在网页中的任意部分。 一、直直接嵌入网页,具体代码如: iframewidth=420height=330frameborder=0scrolling=autosrc=URL/iframe,这里的URL可以是相 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:210 | 回复: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 | 阅读:223 | 回复:0
  • 文章内容页广告浮于左上角的解决办法
    文章内容页广告浮于左上角的解决办法
    这个是整页代码,你可以看着改了,也可以保存成HTML文件,完了试试看就知道了,主要用的CSS+DIV 上面的东西移到模板中,下面的东西也是一样~完了就行了~ !DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""h ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:209 | 回复:0
  • 用CSS实现的一张图完成的按钮效果
    用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 | 阅读:225 | 回复:0
  • web打印的另类方法
    web打印的另类方法
    web打印的另类方法选择自wfmazhenhai的Blog 关键字web打印的另类方法 出处 相信用B/S方式做过应用的人都可能会遇到这样一个问题,如何方便、美观地实现报表打印。如果使用浏览器的打印菜单打印的话,将把网页上的一 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:245 | 回复:0
  • 让人不得不佩服的CSS效果
    让人不得不佩服的CSS效果
    作者:eoe1.寻寻觅觅先要找个到好效果~才能抄如http://www.cssplay.co.uk/ http://www.cssbeauty.com 等都能常常看到今天不小心路过cssplayhttp://www.cssplay.co.uk/ menus/magnifier2.html好像好好玩滴样子自己开 ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:230 | 回复:0
  • li的简单应用
    li的简单应用
    作者:eoe 虽然自己天天写CSS~~ 可是来了原创文章这里~~不知道要写什么~~ 今天就先写个LI的简单应用~~以后慢慢加好了 这是一个普通的LI !DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.1//EN" "http://www.w3.org/TR/xhtml11/ ...……
    作者:菜鸟教程小白 | 时间:2022-2-5 17:48 | 阅读:210 | 回复:0
热门推荐
专题导读
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

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

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

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