文章阅读
【HTML~CSS】网页背景音乐设置注意事项 2012-05-24
一、添加背景音乐时,一般会用到两种标签:1、<bgsound>2、<embed>二、一般用法 :<bgsound src="音频源" autostart="true" loop="false" /><embed src="音频源" autostart="true" loop="false" />三、标签属性 :1、autost【HTML~CSS】CSS3非常有用的十个属性 2012-04-25
1.边框圆角(Border Radiuas)#box1 {border: 1px solid #699;/* for Mozilla Firefox */-moz-border-radius: 20px;/* for Safari & Google Chrome */-webkit-border-radius: 20px;}2.盒阴影(Box Shadow)#box1  【HTML~CSS】男人就像HTML,女人如同CSS 2012-03-10
每个HTML都希望自己能呈现给别人亲和的引入注目的感觉,CSS可以帮助HTML实现这样的目的。 虽然没有CSS,HTML也可以自己完成同样的修饰,但是可能会一片混乱,不像有CSS的HTML那样,让内容和修饰分开。 而仅有CSS,很多想要的效果却也无法看出。 有一些呈现的布局效果是HTML自身不能实现的,比如CSS里的伪类、组合。就想男人没有女人,也不会体现出他对家的责【HTML~CSS】八个制作Linking(链接)的技巧 2012-02-07
“链接”对于一个Web制作人员来说一点都不会陌生,我们在来时的制作中,我们碰到过的“链接”有很多种,比如说文字链接、图片链接,有时甚至是图片和文字的混合链接。而这些链接是Web页面中最佳功能之一,那如何让你的链接在Web页面中尽可能的方便使用,有些就需要一些小技巧来帮助你了。今天我就搜集了一些这方面的小技巧,你会发现这些小技巧的实用性,同时也能使你的链接更好看,更可用。一、显示文件类型图标大家在平【HTML~CSS】什么是CSS Hack? 2011-12-29
CSS hack由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。由于不同的浏览器对CSS的支持及【HTML~CSS】html中的DTD是什么? 2011-12-29
DTD 是一套关于标记符的语法规则。它是XML1.0版规格得一部分,是html文件的验证机制,属于html文件组成的一部分。DTD 是一种保证html文档格式正确的有效方法,可以通过比较html文档和DTD文件来看文档是否符合规范,元素和标签使用是否正确。一个DTD文档包含:元素的定义规则,元素间关系的定义规则,元素可使用的属性,可使用的实体或符号规则。XML文件提供应用程序一个数【HTML~CSS】给图片添加alt属性 2011-12-29
图片ALT属性的本意是当图片无法正常显示时以文字形式代替显示出来,是为了给那些无法看到文档中图像的网页访问者提供文字说明。如:<div id="logo"><img src="Images/202.gif" width="119" height="40" alt="logo" /></div> 图片的ALT替换文本信息属性原本是考虑到残障人士(如盲人)【HTML~CSS】CSS3伪类:自定义被选中文字的背景色 2011-12-27
CSS3的selection的简单介绍:语法:E::selection : {attribute} 说明: 匹配E元素中被用户选中或处于高亮状态的部分 兼容性: 关于CSS3这个兼容性问题,大家都是知道的,Trident(IE)系列中6-8是肯定不行的,IE9以上版本支持。其他浏览器例如Webkit(Chrome/Safari)、Gecko(Firefox)、Pres【HTML~CSS】30个最常用CSS选择器解析 2011-12-16
你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器,包括我们最头痛的浏览器兼容性问题。掌握了它们,才能真正领略css的巨大灵活性。1. * * { margin: 0; padding: 0; } 星状选择符会在页面上的每一个元素上起作用。web设计者经常用它将页面中所有元素的m【HTML~CSS】十种图片替换文本CSS方法 2011-12-12
很多网站的logo都使用图片替换文本来实现,而且在一些情况下也有使用图片效果来替换难以实现的文本效果。这些制作我想大家在平时制作中都或多或少的碰到过,那么今天我老话重谈,整理了十种图片替换文本的制作方法。希望对大家有所帮助。制作原理:使用图片替换文本,其原理是相当的简单:就是在样式中使用背景图片来替换掉HTML模板中的文本内容,从而达到一种样式无法实现的页面渲染效果。使用图片替换有其优点也有其缺点【HTML~CSS】影响页面reflow的因素及其优化 2011-12-11
如果对于 reflow 这个概念你还不太清楚或者不知道,请先阅读:《Notes on HTML Reflow》《What is a reflow?》《Gecko:Reflow Refactoring》《reflow》《形象化的reflow》《样式的执行效率-reflow》Yahoo! 性能工程师 Nicole Sullivan 在最新的文章 《Reflows & Repaints: CSS【HTML~CSS】CSS3制作进度条效果 2011-12-10
Progress Bar直译过来就是“进度条”,也就是说今天要和大家一起探讨进度条的作方法。我想进度条大家都有看到过,而且还随处可见,他们表示的是某个过程,显示目前完成状态。最常见的是文件的上传和下载,有一个动态的进度条,通过这个进度可的动态变化告诉我们文件上传或下载的完成程度。换而言之,无论在某一个点或一个桌面程序,或者说我们的Web应用程序或,我们都需要使用到进度条的UI制作。那么在这篇文章中【HTML~CSS】空格为何不适合参与页面元素布局 2011-12-09
今天在群里看到有人写了如下的代码:<div><span> 1. balablalala</span> <span> 2. balablalala</s【HTML~CSS】DOM元素如何获得焦点 2011-12-08
首先让我们看看哪些元素可以直接获得焦点element..focus()// Form : http://www.w3.org/TR/html5/editing.html#focusablea elements that have an href attributelink elements that have an href attributebutton elements that are no【HTML~CSS】让Safari支持微软雅黑的CSS样式表 2011-12-07
Safari for Windows版本 默认使用的英文字体渲染中文,但是它自定义字体功能似乎还不能起作用,好在它能提供自定义CSS,我就写了一个通用CSS样式表.这样就能使用微软雅黑来渲染中文字体了,如果你没有微软雅黑,请选用别的字体代替微软雅黑. 更新:去掉9px的定义,显示效果依然正常. 把这个CSS保存在你喜欢的位置 然后再偏好设置->高级的样式表里面调用就行了 CSS代码如下