.ie
{
border:1px solid #000000;
width:100px;
height:300px;
font-size:12px;
}
.ie div
{ text-over:
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
文本自动缩短后加...(省略号) ......
注:本学习笔记只是自己的一些备忘,初学者的东西不具有参考性,请到W3School(http://www.w3school.com.cn/css/index.asp)进行系统学习。 学习CSS我使用的工具是Visual CSS,可以实现同步预览,快速学习编辑CSS。 1.CSS的作用:用来规定网页中的内容的显示方式,避免给HTML增加很多的属性而将代码变得臃肿。 2.CSS的应用方式 (1)内联样式:在标签中包括一个style属性,并在其后定义CSS属性及值,例如:Hello world! (2)文档级样式表:将一系列样式规则罗列在HTML文档开头,处于内的和之间,它可以改变外部样式表中定义的一个或多个规则,创建一个个性化的文档,适用于单个HTML文件。 (3)外部样式表:将样式定义放置于分离的文档中,在各个需要应用该样式表的HTML通过在内的标签引入这个分离文档,例如。每次打开页面都需要下载这个表格,所以要尽量减小样式表的容量。 注意:三种样式表作用域不同,同时存在时的页面处理原则为: “近优先于远”——内联样式>文档级样式。 “局部优先于整体”——定义为标签的类的属性>为标签总体进行定义的属性 “特殊优先于一般”——上下文样式>为标签总体进行定义的属性 “后优先于前” ......
W3School:http://www.w3school.com.cn/css/index.asp
英文版网址:http://www.w3schools.com/css/default.asp
作为初学者,这是一定要收藏的网站。这就相当于一本CSS入门教程,在此可以学习每个标签,属性的用法和实例,可以自动动手实践代码。除了CSS的知识,这个网站还包括了大量其他网页开发语言教程和其他知识。
CSS Tricks:http://css-tricks.com/
这是Chris Coyier的博客,书写了大量与网页制作和CSS相关的文章,譬如最新技术的研究和实践,实例剖析,非常值得收藏阅读。
CSS Beauty:http://www.cssbeauty.com/
这里有大量的CSS实例,技巧,你可以在这里找到很多很炫的东西,把它们添加到自己的网站是个很不错的选择哦!
蓝色理想:http://www.blueidea.com
这个,大家都应该很熟悉,就不用介绍了吧。
欢迎大家一起分享好的CSS学习网站,我们一起努力! ......
下面是CSS最常用和实用的技巧。
1.重置浏览器的字体大小
重置浏览器的默认值 ,然后重设浏览器
的字体大小你可以使用雅虎的用户界面重置
的CSS方案 ,如果你不想下载9MB的文件,代码如下:
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:”; }
abbr,acronym { border:0; }
其次,我们重设浏览器字体的大小为10像素,使用如下:
html {font-size: 62.5%;}
这个大小基本合适,然后您可以根据自己的需要调整大小,如 标题1为120像素:
h1 {font-size: 2em;}
2.设置水平居中
大多数的网站目前都是固定宽度的。CSS代码如下:
div#container {margin: 0 auto;}
3.控制位置:绝对位置 ......
最近的面试中总是问我一些浏览器兼容性问题,所以下面做一个总结:
为什么会出现这种现象呢?主要就是像Firefox这样浏览器良好支持W3C标准,是目前对CSS支持最好的浏览器,而ie是出现的比较早,在w3c支持方面做的一直不是很好。有很多东西出现FF和IE显示不一样的根本原因在于它们的默认显示不一样,而这个默认样式该如何显示我知道在w3中有没有对应的标准来进行规定。
下面总结一下这两种浏览器的兼容问题:
1.HTML对象获取问题
FireFox:document.getElementById("idName");
ie:document.idname或者document.getElementById("idName").
解决办法:统一使用document.getElementById("idName");
2.const问题
说明:Firefox下,可以使用const关键字或var关键字来定义常量;
IE下,只能使用var关键字来定义常量.
解决方法:统一使用var关键字来定义常量.
3.event.x与event.y问题
说明:IE下,even对象有x,y属性,但是没有pageX,pageY属性;
Firefox下,even对象有pageX,pageY属性,但是没有x,y属性.
解决方法:使用mX(mX = event.x ? event.x : event.pageX;)来代替IE下的event.x或者Firefox下的ev ......
让treeview不显示td网格线 gridview显示网格线
HTML
<style type="text/css">
TD
{
font-size: 9pt;
color: #000000;
font-family: 宋体;
border-right: #6C9FDB 0px solid;
border-top: #6C9FDB 0px solid;
border-left: #6C9FDB 0px solid;
border-bottom: #6C9FDB 0px solid;
border-collapse: collapse;
}
&l ......