摘要:display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。 display:inline就是将元素显示为行内元素. inline元素的特点是: 和其他元素都在一行上; 高,行高及顶和底边距不可改变; 宽度就是它的文字或图片的宽度,不可改变。 <span>, <a>, <label&
阅读全文
随笔分类 - CSS/HTML
摘要:30个你必须记住的css选择器英文原文: http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/ 当你了解了id,class和后代选择器,就万事大吉了?如果是这样,那你就错失了大量灵活的方法。虽然本文中提到的有许多是css3的特性,因此这些特性只能在较先进的浏览器中才能体现,但是它们值得你记住。 1.**{ margin:0; padding:0; } 在进一步了解先进的选择器前,我们先介绍一些常见的选择器好了。 星号符会指向网页中的每一个元素。许多开发者会使用这
阅读全文
摘要:前面我已经介绍过了30个应该记住的CSS选择器,那么新的CSS3又有哪些新属性呢?虽然大多数需要特定的前缀,但你仍然可以在你的项目中使用它,其实上我也鼓励大家这么做。关键是首先确定你是否对各个浏览器之间的细微的差别有所了解,你能肯定的说IE显示的90度的角就不圆滑嘛?这取决于你的决定。但是要永远记住,网站设计不必看到所有浏览器的不同。在文章的最后,我们将显示一个有趣的最终的案例。1、border-radius演示border-radius是一大堆CSS3属性中最受欢迎的一种,border-radius是CSS3中级别最高的一个属性。当设计者害怕一个层在将在不同的浏览器之间以不同的方式显示时,C
阅读全文
摘要:5 你需要熟知10个的CSS3属性http://www2.flash8.net/teach/8537.htmIE,FF均不支持,Safari和GOOLE支持6 JS兼容解决下面列出JS在IE和FF下不兼容的方法1、Dom操作var wrongGet = obj.firstChild;var wrongGet = obj.lastChild;var wrongGet = obj.nextSibling;var wrongGet = obj.childNodes;var wrongGet = obj.previousSibling;2、HTML控件如果没有ID,应该加上id属性:Not compa
阅读全文
摘要:1 浏览器内核简介TridentIE浏览器(GreenBrowser绿色浏览器, 遨游浏览器....都是IE)GeckosFireFoxPrestoOperaWebkitSafari、Chrome浏览器最重要或者说核心的部分是“Rendering Engine”,可大概译为“解释引擎”,不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释(如HTML、JavaScript)并渲染(显示)网页。 所以,通常所谓的浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语 法的解释也有不同,因此同一网页在不同的内核的浏..
阅读全文
摘要:基本是通过CSS去实现滚动条。(1)垂直滚动条设置是否显示滚动条主要是在CSS中设置下列的属性:overflow:visible|auto|hidden|scrolloverflow-x:横向滚动条overflow-y:纵向滚动条参数的意义:visible:不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效。auto:此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条hidden:不显示超过对象尺寸的内容scroll:总是显示滚动条overflow:auto;这个表示当你内容超过div高度出现
阅读全文