![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Div / Css
文章平均质量分 66
teresa502
这个作者很懒,什么都没留下…
展开
-
你需要知道的三个CSS技巧
各种浏览器之间的竞争的白热化意味着越来越多的人现在开始使用那些支持最新、最先进的W3C Web标准的设备,以一种更具交互性的方式来访问互联网。这意味着我们终于能够利用更强大更灵活的CSS来创造更简洁,更好维护的浏览器前端代码。现在让我们来看一看一些也许你还不知道的让人兴奋的CSS 功能。 在CSS中用attr()显示HTML属性值 attr()功能早在CSS 2.1标准转载 2013-05-04 14:47:39 · 688 阅读 · 0 评论 -
HTML5:实至名归还是言过其实
什么是HTML5?根据维基百科上的解释,HTML5 的前身是 Web Applications 1.0,由 WHATWG 于2004年提出。2007年,它被 W3C 接纳,并于2008年1月22日发布第一份正式草案。以下摘录自维基百科的文字介绍了 HTML5 的特点和与 HTML4 的差别:新应用程序接口(API)即时二维绘图 定时媒体播放 储存 离线 编辑 拖放 通讯原创 2010-05-04 14:01:00 · 424 阅读 · 0 评论 -
iframe嵌入网页的用法
iframe并不是很常用的,在标准的网页中非常少用。但是有朋友经常问到,下面我简单地介绍一下它的用法,你只要熟练掌握这些参数足矣。 也应该是框架的一种形式,它与不同的是,iframe可以嵌在网页中的任意部分。我们举第一个例子,具体代码如: ,这里的URL可以是相对路径,也可以是绝对路径,效果如:width表示宽度,height表示宽度,可根据实际情况调整。 scrolling表转载 2010-05-11 11:16:00 · 19347 阅读 · 0 评论 -
websocket 通信协议
websocket通信协议实现的是基于浏览器的原生socket,在客户端用JS即可轻松完成,前些天都在学习websocket 协议(但实际上websocket 协议甚为简约),并且粗略的思考过websocket的对于下一代web应用会产生怎样的影响,我想最大的巨变应该是就是实时性上吧!另外诸如上传大文件之类的优于http的应用。但问题也随之而来,服务端怎么办?前些天我弄了个websocket原创 2010-06-23 13:16:00 · 1743 阅读 · 0 评论 -
用!important解决IE和Mozilla的布局差别
在设计《网页设计师》页面的时候,有一个问题一直困扰着我,主菜单在IE和其他(Mozilla、Opera等)浏览器里显示的效果偏差2px。截图如下:IE中的效果Mozilla Firefox中的效果这是因为IE对盒之间距离的解释的bug造成的(参考onestab的" 浮动模型的问题 ")。我一直没有解决这个问题,直到我翻译 " 表格对决CSS--一场生死之战 "时,作者的一个技巧原创 2010-07-07 17:03:00 · 411 阅读 · 0 评论 -
HTML语义化
如今互联网都到了web2.0的时代了,HTML语言在不断的进化并发挥着越来越重要的地位;而我们制作网页也从当初的table表格嵌套发展到了div+css,这是进步的标志.然而,我们似乎看到了一个不太好的现象:整个网页大量的使用div标签进行分隔页面内容,有的甚至整个页面只有div一种html标签存在.这种现象(使用习惯)非常的不好,滥用现象使得网页制作似乎就只剩下了div.刚才说了,时代是在进化着原创 2010-07-15 11:00:00 · 443 阅读 · 0 评论 -
CSS3制作文字半透明倒影效果
效果如图。Ps、背景线条是背景图勒,和本文效果无关。。。html代码如下:Html代码 div class="content"> h3 title="专业技能">专业技能h3> div class="next">div> div> 有两种实现方式:1.box-reflect(属性详情见http://css.doyoe.c原创 2012-11-21 10:05:11 · 5788 阅读 · 0 评论 -
XML 中,有 5 个预定义的实体引用:
<小于>>大于&&和号''单引号""引号 注释:在 XML 中,只有字符 "原创 2010-02-03 11:51:00 · 1053 阅读 · 0 评论 -
HTML中的id和name属性应用
id与Name的主要用途 id的用途 id就是Client端HTML元素的Identity(标记),主要是在客户端脚本里用。name的用途 name主要是用于获取提交表单的某表单域信息。在form里面,如果不指定Name,就不会发送到服务器端。input、select、form、frame、iframe等元素用name。表单元素(form、input、texta原创 2010-04-06 18:17:00 · 3990 阅读 · 0 评论 -
解决IE中DIV无法遮盖SELECT的问题
解决IE中DIV无法遮盖SELECT的问题 下拉框,即Html的SELECT元素,.net设计时的DropDownList,是HTML中的windowed element,尤其ie6之后,几乎是唯一的windowed element(还有popup等少量极少用的的)。 普通的元素,textbox, div, table……这些,属于windowless element,它原创 2010-05-06 15:12:00 · 722 阅读 · 0 评论 -
HTML特殊字符大全
只要你认识了 HTML 标记,你便会知道特殊字符的用处。 HTML 原始码 显示结果 描述 < > > 大於号或显示标记 & & 可用於显示其它特殊字符 " " 引号 ® ® 己注册 © © 版权 ™ ™ 商标 半方大的空白 &emsp转载 2010-06-13 11:57:00 · 643 阅读 · 0 评论 -
提高页面加载速度之图片优化
由于各人对个性的追求,很多博主都喜欢用图片来美化自己的页面,但你知道不好好优化图片,会令页面打开的速度慢很多吗?今天我们谈谈怎么去优化图片。1、控制jpg图片的质量由于质量高的jpg格式图片比较清晰,色彩更鲜艳,不少人就用这种图片来美化header,其实这对速度的影响是很大的。因为打开一个页面首先加载的就是header,header加载时间太长的话,很容易使第一次来的访客反感。还有一种情况原创 2010-07-21 14:22:00 · 1231 阅读 · 0 评论 -
关于HTML语言中的width和height属性的百分比表示
2者皆是第一是以屏幕显示为标准,这一点可以以屏幕分辨率得出,调整分辨率后滚动条长度就有所改变,分辨率越大,屏幕显示越多,滚动条就越短!所以HEIGHT百分比的第一属性是以浏览器窗口决定长度的,如:以上空表格在调整分辨率的情况下都会占满整个窗口,这是因为此表格没有其它外界因素导致的,所以就以浏览器窗口为准:第二再如:原创 2010-07-23 10:16:00 · 7860 阅读 · 0 评论 -
IE下判断IE版本的语句...[if lte IE 6]……[endif]
……Ite:less than or equal to意思是小于或等于IE6浏览器,用于IE浏览器的条件注释,常用于CSShack,针对IE的JS等。 在进行WEB标准网页的学习和应用过程中,网页对浏览器的兼容性是经常接触到的一个问题。其中因微软公司的Internet Explorer(简称IE)占据浏览器市场的大半江山,此外还有Firefox、Opera等。需要对这些浏览器进行兼容转载 2012-03-14 12:31:56 · 456 阅读 · 0 评论 -
CSS3中的transform变形详解兼容ie
在CSS3中,用Transform功能可以实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形,这四种变形分别使用rotate、scale、skew和translate这四种方法来实现。将这四种变形结合使用,就会产生不同的效果,使用顺序不同,产生的效果是不一样的。 目前浏览器支持情况:Safari 3.1+、 Chrome 8+、Firefox 4+、Opera 10+、IE9+ 一转载 2012-11-21 11:29:45 · 47695 阅读 · 1 评论 -
最新区分兼容IE6/IE7/IE8/IE9/FF的CSS HACK写法
最新区分兼容IE6/IE7/IE8/IE9/FF的CSS HACK写法HACK原理:不同浏览器对各中字符的识别不同 在 CSS中常用特殊字符识别表:(1)*: IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的;(2)!important: 除IE6不能识别 !important外, FF+IE8+IE7都能识别!important ;(3原创 2012-11-09 15:23:18 · 994 阅读 · 0 评论 -
Embed标签的功能、语法和属性设置
最近由于工作需求,所以重新认识了embed标签。以前也就是用他加个flash,其它的想都没有想过要用embed标签来做什么?这个标签对于一些视频文件还真是挺有用的。初识embed标签的朋友们肯定对它很模糊根本就不知道embed是干什么用的。简单的来说一下,embed是个很简便的语法,可以用来播放影音文档,通常它是用来播放Windows Media Player支持的格式,但也可用来播放一些原创 2010-04-27 11:44:00 · 1236 阅读 · 0 评论 -
将网页变灰的方法
在html的之间,加入以下样式:body { FILTER: gray;}--->如果网页中含有swf文件,加入以上代码以后,还需要做如下处理:1、在加swf的object中,加入属性值: style="FILTER: gray"2、在之间加入:这样,不需要更改任何图片及swf,网页就变成黑白的了。为汶川地震中遇难的同胞默哀!原创 2010-04-21 13:15:00 · 573 阅读 · 0 评论 -
table表格加滚动条
table表格加滚动条BODY {FONT: 12px 细明体; CURSOR: default}TD {FONT: 12px 细明体; CURSOR: default}.title {BORDER-RIGHT: #555 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 4px; B转载 2010-01-20 17:57:00 · 6898 阅读 · 0 评论 -
option 的经典属性
new Option("文本","值",true,true) 后面两个true分别表示默认被选中和有效! Option 选择项对象 options[] 是一个数组,包含了在同一个 Select 对象下的 Option 对象。Option 对象由“”下的“”指定。options[] 数组的属性length; selectedIndex 与所属 Select 对转载 2010-01-16 11:58:00 · 11195 阅读 · 0 评论 -
为什么css中设置z-index不起作用?(附原因解释和解决办法)
之所以转贴这篇文章,是很多朋友比较疑惑z-index这个样式。其实只要先知道以下2点就可以很容易的理解了——要想给元素设置z-index样式,必须先让它变成定位元素,再通俗一点说,就是要给元素设置一个postion:relative(或者 absolute或者fixed)样式。不要给想控制“上、下”的元素设置z-index,而是对他们的父容器设置z-index样式。这一点详细解释和原因转载 2010-02-01 16:13:00 · 8899 阅读 · 2 评论 -
Html5.0参考手册
W3C 在 2008年 1 月 22 日发布了最新的 HTML 5 工作草案。HTML 5 工作组包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及数百个其他的开发商。HTML 5 中的一些新特性:嵌入音频、视频、图片的函数、客户端数据存储,以及交互式文档。其他特性包括新的页面元素,比如 , , , 以及 。通过制定如原创 2010-03-20 14:34:00 · 656 阅读 · 0 评论 -
让IE浏览器支持HTML5标准的方法
自HTML5标准的提出就得到非常多的关注,而作为全球使用用户最多的IE浏览器能够支持HTML5标准也是大家备受关注一个问题,上周微软在技术大会上就表示目前微软正在开发的IE9将更加支持HTML5标准,但对于IE9是否将完全支持HTML5所有的标准,微软却表现的有点含糊其辞。HTML5标准能为网页带来更高效更洁净的代码,只有微软参与HTML5的设计工作,才能让IE浏览器识别更多的新元素。 H原创 2010-04-15 23:56:00 · 587 阅读 · 0 评论 -
MediaPlayer控件属性描述
播放: MediaPlayer.Play() 暂停: MediaPlayer.Pause() 定位: MediaPlayer.SetCurrentEntry(lWhichEntry) MediaPlayer.Next() MediaPlayer.Previous() 循环: MediaPlayer.PlayCount = 0 0:the clip plays repeate原创 2010-05-07 16:59:00 · 9811 阅读 · 2 评论 -
各种浏览器内核
Trident| IEGecko | Firefox,Redfox Madfox DR.Orca K-Maleon Netscape 6Presto | OperaWebkit | Safari Iphone Gphone S60 BrowserChrome | Webkit + trident原创 2010-05-26 23:24:00 · 502 阅读 · 0 评论 -
基础
什么是 HTML?HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text MarkupLanguage) HTML 不是一种编程语言,而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 XHTML 是什么??XHTML 指可扩展超文本标签语言(EXt原创 2010-07-27 17:45:00 · 567 阅读 · 0 评论 -
HTML 颜色
颜色由红色、绿色、蓝色混合而成。颜色值颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。每种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)。这个表格给出了由三种颜色混合而成的具体效果:ColorColor HEXColor RGB #000000rgb(0,0,0)原创 2010-08-29 11:09:00 · 519 阅读 · 0 评论 -
html-命名规范
id命名 驼峰法则 action+(form,select,input,checkbox,radio,button,textarea,submit,div,span,ul) registerForm,loginForm addButton,removeButton,submitButton statusDiv表单字段命名 _转载 2011-02-17 13:55:00 · 960 阅读 · 0 评论 -
控件简写
控件缩写 Label lbl TextBox txt CheckBox chk Button btn ListBox lst DropDownList ddlst LinkButton lnkbtn ImageButton imgbtn DropDown原创 2010-04-07 10:34:00 · 672 阅读 · 0 评论 -
在Web页中使用Media Player
来自:http://www.blueidea.com/tech/web/2003/1390.asp 在Web页中嵌入Media Player的方法比较简单,只要用HTML中的可以了,如下所示。CLASSID="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95"CODEBASE="http://activex.microsoft.com/act原创 2010-04-27 11:51:00 · 561 阅读 · 0 评论 -
iframe用法总结
是框架的一种形式,也比较常用到。例子1。不用多说了。width插入页的宽;height插入页的高;scrolling 是否显示页面滚动条(可选的参数为 auto、yes、no,如果省略这个参数,则默认为auto);frameborder 边框大小;注意:URL建议用绝对路径zhangtao.org.cn>例子2。如果一个页面原创 2010-05-06 16:06:00 · 961 阅读 · 0 评论 -
HTML中的Frame与Iframe框架属性
Frame框架现已不怎么常用,给个例子以展示其属性。frame例子:Sorry,your explorer doesn't support the frame... Iframe 标记,又叫浮动帧标记,你可以用它将一个HTML文件嵌入在另一个HTML中显示。它不同于Frame标记最大的特征即这个标记所引用的HTML文件不是与另外的HTML文件原创 2010-05-06 17:51:00 · 2969 阅读 · 0 评论 -
给网页设计师的30个HTML5学习资源
早在几个星期前,Adobe就发布了Dreamweaver CS5 HTML5 Pack的预览版下载。众所周知,HTML5在互联网领域掀起了一场大论战,并让Adobe的日子很难熬。HTML5致力于为前端开发提供全面的标记语 言。以下30多个资源可帮你开始学习HTML5。Blowing up HTML5 video and mapping it into 3D space(将HTML5视频吹散原创 2010-06-06 13:36:00 · 623 阅读 · 0 评论 -
form 中Enctype=multipart/form-data 的作用
ENCTYPE="multipart/form-data"用于表单里有图片上传。表单标签中设置enctype="multipart/form-data"来确保匿名上载文件的正确编码。如下: 上传企业营业执照图片: 就得加ENCTYPE="multipart/form-data"。表单中enctype="multipart/form转载 2012-01-31 15:54:54 · 1061 阅读 · 0 评论 -
<select>在chrome浏览器下背景透明问题
在chrome浏览器下遇到了跟ie、ff不一样的透明效果,下面重现一下:在一个大的div(背景红色)内放置一个select元素(背景透明)。在线查看(可在不同浏览器中查看效果)DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.转载 2012-07-25 14:53:20 · 7447 阅读 · 0 评论 -
td 固定宽度
今天百度了很多资料,设置word-break,word-wrap的,overflow-y:auto的都没有用。 最后在td内加一个div,或textarea, 并设置该div,textarea的宽度,一切搞定!!!原创 2012-03-22 14:06:17 · 2473 阅读 · 0 评论 -
如何让IE6支持max-width&min-width样式
IE6支持最大宽度,解决CSS代码:.yangshi{max-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)说明:max-width:1000px; 这个是IE6以上级其它品牌浏览器支持最大范围宽度。而_width:expression((doc转载 2012-03-17 14:48:54 · 1872 阅读 · 0 评论 -
CSS书写规范
<br />一.使用css缩写 <br /> 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。<br /> 二.明确定义单位,除非值为0 <br /> 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比如:width:100px width:100em。只有两个例外情况可以不定义单位:行高和0值。除此以外,其他值都必须紧跟单位,注意,不要在数值和单位原创 2010-09-01 06:29:00 · 425 阅读 · 0 评论 -
CSS书写规范参考
<br />1. 导入方法<br />考虑到样式维护、更新,以及多人同步的项目开发,故CSS使用如下链接规则:<br /><br />a) 页面文件链接单一CSS文件(style.css)<br />b) 其他CSS导入方式链接到此CSS(style.css)文件<br /><br />比如:<br /><head><br /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br原创 2010-09-01 11:54:00 · 447 阅读 · 0 评论 -
设置span 宽度的完美解决方案
缺省情况下span的宽度设定无效<br />在html中如何设定span的宽度?这看上去是个很简单的问题,似乎用style中的width属性就可以。例如,<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head>原创 2010-09-03 15:14:00 · 489 阅读 · 0 评论