CSS/HTML
层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。
-
用CSS给图片打标的代码
【CSS/HTML】<!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> <meta&nbs...
用CSS给图片打标的代码 -
纯CSS生成抗锯齿圆角的代码
【CSS/HTML】抗锯齿圆角 .antialias-roundedcorners{width:650px;height:76px;padding:5px;background-color:#3847B4;} .spiffy{display:block} .spiffy *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#F1FFDD} .spiffy1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1...
纯CSS生成抗锯齿圆角的代码 -
布局用CSS+DIV的优点总结
【CSS/HTML】采用CSS+DIV对网站重构日趋被大家重视起来了,尤其是大型站点,像阿里巴巴、163等大型门户站点就已经完成了重构工作。本人在去年就已经有了使用CSS+DIV来编写网页源码的习惯了,个人感觉这种方法确实比传统的TABLE形式的源码架构强多了。 1:表现和内容相分离 将设计部分剥离出来放在一个独立样式文件中,HTM...
布局用CSS+DIV的优点总结 -
大家需要掌握的 html下SPAN和DIV的区别
【CSS/HTML】SPAN 和 DIV 的区别在于,DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN。 下面以一个实例来说明这两...
大家需要掌握的html下SPAN和DIV的区别 -
关于超链接的下划线 使用说明
【CSS/HTML】关于超链接中的下划线这个及细节的问题,想必大家都有过讨论和思考,大家都知道,把握一个原则即可:“让使用者清楚的区分超链接文本和其他文本形式,并潜意识知道可以点击。”;但对于是否可以潜意识知道可以点击,还是有争议的,不同的人,不同的环境会有不同的见解。 不妨分几个场景讨论一下: 1. 导航区域,潜意识我会去点击...
关于超链接的下划线使用说明 -
scrollWidth,clientWidth与offsetWidth的区别
【CSS/HTML】scrollWidth 是对象的实际内容的宽,不包边线宽度,会随对象中内容的多少改变(内容多了可能会改变对象的实际宽度)。 clientWidth 是对象可见的宽度,不包滚动条等边线,会随窗口的显示大小改变。 offsetWidth 是对象的可见宽度,包滚动条等边线,会随窗口的显示大小改变。 一个scrollW...
scrollWidthclientWidth与offsetWidth的区别 -
HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth完全详解
【CSS/HTML】scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标 offsetP...
HTML:scrollLeftscrollWidthclientWidthoffsetWidth完全详解 -
css中的行间距的代码
【CSS/HTML】Css中行间距定义是: line-height:18px; 上面代码是将行间距设为18px。长期以来,我在定义字体样式的时候,通常是这样: #myFont{ font:12px tahoma; line-height:18px; } 今天才发现,原来可以写成一行,...
css中的行间距的代码 -
css实现兼容各个浏览器的技巧的代码
【CSS/HTML】在编写css样式表的时候常常会碰到一写浏览器兼容的问题,象是不同内核的浏览器显示就不一定相同,不同版本的的浏览器也会产生上下兼容的问题,如何解决这些问题成了我们苦恼的问题,如果你对css hack技术很了解的话,那这就是太简单不过了,不过对于那些不怎么解的人来说可真成了他们所苦恼的事。在这就从 赵磊官方...
css实现兼容各个浏览器的技巧的代码 -
css 之 background-position-x
【CSS/HTML】<div style="width:300px;height:300px;background-image:url(http://www.dnew.cn/template/4color/images/green.png);background-position-x:100"></div> 只能 background-position:100 0 这样来写
css之background-position-x -
做网页字体大小参考 网页中同字号字体的不同单位对比列表
【CSS/HTML】对于WEB前端页面开发,字体大小的设置是比较重要,这里找到了一些关于字号大小的数据,共享出来备以后参考,也希望能对大家有用!Points Pixels Ems Percent 6pt 8px ...
做网页字体大小参考网页中同字号字体的不同单位对比列表 -
研究了一下div+css的高度自适应问题
【CSS/HTML】div+css还是比较难搞的,要实现上下两个div高度自适应感觉麻烦,查了下资料只找到上下高度都是百份比的是可以的,我要实现上面的div是具体像素高度,下面是自适应剩余的百份比。自己搞了一下还要用上js,不知道是不是很笨,有好的方法请大家帖出来。 <body style=”height:100%; margin:0px; width:10...
研究了一下div+css的高度自适应问题