CSS
关注
分享
扫一扫
jqrsdsy
这个作者很懒，什么都没留下…
展开
-
CSS无图片带箭头的DIV方框
<br /><html><br /><head><br /><title>纯CSS无图片带箭头的DIV方框</title><br /><style><br />div.container{position:absolute;<br />top:30px;<br />left:40px;<br />font-size: 9pt;<br />display:block;<br />height:100px;<br />width:200px;<br />backgro转载 2011-05-25 11:20:00 · 813 阅读 · 0 评论 -
几款CSS3美化的表格样式
几款CSS3美化的表格样式 table.table1{ font-family: "Trebuchet MS", sans-serif; font-size: 16px; font-weight: bold; line-height: 1.4em; font-style: normal; border-collap转载 2012-10-25 20:01:23 · 4667 阅读 · 0 评论 -
很好看的表格样式
CSS Tables<!--/* CSS Document */body { font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4f6b72; background: #E6EAE9;}a { color: #c75f3e;}#mytable { w转载 2012-10-24 19:25:28 · 1562 阅读 · 0 评论 -
如何让div中的内容垂直居中
虽然Div布局已经基本上取代了表格布局，但表格布局和Div布局仍然各有千秋，互有长处。比如表格布局中的垂直居中就是Div布局的一大弱项，不过好在千变万化的CSS可以灵活运用，可以制作出准垂直居中效果，勉强过关。 要让div中的内容垂直居中，无非有以下几种方法，等我一一列举：一、行高（line-height）法如果要垂直居中的只有一行或几个文字，那它的制作最为简单，只要让文字的行高和容器的高转载 2012-09-27 11:33:05 · 658 阅读 · 0 评论 -
Quirks模式与standards模式区别
建议：不推荐使用Quirks Mode。Quirks Mode中发生了什么？Quirks Mode是一种浏览器（像IE，Firefox，Opera）操作模式。从根本上说，怪异模式（也称之为兼容模式）意味着一个相对新的浏览器故意模拟许多在旧浏览器中存在的bug，特别是在IE4和IE5中。Quirks Mode是由文档类型探查法触发。也就是大家熟知的文档类型切换。这意味着浏览器检查一个HT转载 2012-05-14 16:53:44 · 593 阅读 · 0 评论 -
Quirks模式与Standards模式
如何进入Standards模式?一般来讲浏览器是通过DTD来判断模式的；浏览器进入Standards模式的DTD有：HTML的strict.dtd和loose.dtd这两个DTD的简单区别是strict去掉了许多表现的标签，有利于结构和表现的分离loose会导致Firefox进入Almost Standards模式，在图片的处理上会有微小的差别在IE6下，如果在DTD之前有任何字符转载 2012-05-14 16:52:17 · 444 阅读 · 0 评论 -
33种XHTML/CSS常见问题及解决方案
作为web前端开发人员，在平常的页面制作时不可避免的会碰上这样那样的问题，这时就需要寻找这些XHTML及CSS常见问题的解决方案。我根据自己的经验和心得挑选和整理了一些XHTML常见问题和CSS常见问题的解决方案进行总结归档，希望对大家会有所帮助：1、如何定义高度很小的容器？在IE6下无法定义小高度的容器，是因为有一个默认的行高。列举2种解决方案：overflow:hidden | l转载 2012-05-14 16:48:07 · 435 阅读 · 0 评论 -
CSS 的优先级机制[总结]
样式的优先级多重样式（Multiple Styles）：如果外部样式、内部样式和内联样式同时应用于同一个元素，就是使多重样式的情况。一般情况下，优先级如下： （外部样式）External style sheet 有个例外的情况，就是如果外部样式放在内部样式的后面，则外部样式将覆盖内部样式。示例如下： head>转载 2012-01-06 09:00:28 · 309 阅读 · 0 评论 -
CSS的选择器
最近在研究jQuery的选择器，大家知道jQuery的选择器和css的选择器非常相似，所以整理一下css选择器；css1-css3提供非常丰富的选择器，但是由于某些选择器被各个浏览器支持的情况不一样，所以很多选择器在实际css开发中很少用到。1.基础的选择器选择器含义示例*通用元素选择器，匹配任何元素*转载 2012-01-06 08:55:48 · 371 阅读 · 0 评论 -
IE与FireFox的兼容性问题
window.event<br />IE：有window.event对象<br />FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event)<br />鼠标当前坐标<br />IE：event.x和event.y。<br />FF：event.pageX和event.pageY。<br />通用：两者都有event.clientX和event.clientY属性。<br />鼠标当前坐标(加转载 2011-05-07 07:20:00 · 447 阅读 · 0 评论 -
什么是css hack
<br />针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也<br />能得到我们想要的页面效果，这种针对不同的浏览器写不同的CSS code的过程，称之为CSS hack。<br /> <br />通过下表中的hackcode就可以实现不同版本ie浏览器间的兼容：<br />hack code<br />ie6<br />ie7<br />firefox<br />_<br />√<br />×<br />×<br />*<br />√<br />√<br />×<转载 2011-05-07 07:03:00 · 313 阅读 · 0 评论 -
CSS3每日一练之内容处理-插入文字
在过去我们可以通过后端服务器程序截取或JS截取文字后加入省略号即可。现在，我们的CSS3.0可以使用实现了!content属性： 如果我们想往段落p标签内部追加省略号只需要如下方式定义样式即可： p:after{content:"...";} 当然我们也可以追加任何文字： p:after{content:"前端开发网";} 既然CSS3可以追加内容转载 2014-07-10 16:26:31 · 2855 阅读 · 0 评论