Welcome

首页 / 脚本样式 / CSS

做网页字体大小参考 网页中同字号字体的不同单位对比列表

2017-02-06 20
对于WEB前端页面开发，字体大小的设置是比较重要，这里找到了一些关于字号大小的数据，共享出来备以后参考，也希望能对大家有用！Points Pixels Ems Percent 6pt 8px 0.5em 50% 7pt 9px 0.55em 55% 7.5pt 10px 0.625em 62.5% 8pt 11px 0.7em 70% 9pt 12px 0.7...

css 之 background-position-x

2017-02-06 21
<divstyle="width:300px;height:300px;background-image:url（http://www.dnew.cn/template/4color/images/green.png）;background-position-x:100"></div> 只能background-position:1000这样来写...

css实现兼容各个浏览器的技巧的代码

2017-02-06 20
在编写css样式表的时候常常会碰到一写浏览器兼容的问题，象是不同内核的浏览器显示就不一定相同，不同版本的的浏览器也会产生上下兼容的问题，如何解决这些问题成了我们苦恼的问题，如果你对csshack技术很了解的话，那这就是太简单不过了，不过对于那些不怎么解的人来说可真成了他们所苦恼的事。在这就从赵磊官方博客引来一篇文章来介绍兼容各个浏览器的技巧。但是你也不要认为只要是浏览器显示出现差错就事浏览器的问题，也很可能是你的结构不好，建议你好好去学习一下语义结构，毕竟...

css中的行间距的代码

2017-02-06 18
Css中行间距定义是： line-height:18px; 上面代码是将行间距设为18px。长期以来，我在定义字体样式的时候，通常是这样：#myFont{ font:12pxtahoma; line-height:18px; } 今天才发现，原来可以写成一行，修改如下： #myFont{ font:12px/18pxtahoma; }...

HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth完全详解

2017-02-06 17
scrollHeight:获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标offsetParent属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由offsetParent属性指定的父坐标的计算左侧位置 ...

scrollWidth,clientWidth与offsetWidth的区别

2017-02-06 33
scrollWidth 是对象的实际内容的宽，不包边线宽度，会随对象中内容的多少改变（内容多了可能会改变对象的实际宽度）。 clientWidth 是对象可见的宽度，不包滚动条等边线，会随窗口的显示大小改变。 offsetWidth 是对象的可见宽度，包滚动条等边线，会随窗口的显示大小改变。 一个scrollWidth和clientWidth的例子： <html> <head> <title>77.htm文件</t...

关于超链接的下划线 使用说明

2017-02-06 23
关于超链接中的下划线这个及细节的问题，想必大家都有过讨论和思考，大家都知道，把握一个原则即可：“让使用者清楚的区分超链接文本和其他文本形式，并潜意识知道可以点击。”；但对于是否可以潜意识知道可以点击，还是有争议的，不同的人，不同的环境会有不同的见解。不妨分几个场景讨论一下：1. 导航区域，潜意识我会去点击。即便有下划线也是个“古老形式”的摆设，所以一般没有下划线；好的设计不仅满足点击，还满足视觉的层级关系。2. 整页全是链接，下划线成了可有可无的表现。象新...

大家需要掌握的 html下SPAN和DIV的区别

2017-02-06 20
SPAN和DIV的区别在于，DIV（division）是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN是行内元素，SPAN的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。 下面以一个实例来说明这两个属性的区别。 代码： ＜span＞SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了...

布局用CSS+DIV的优点总结

2017-02-06 23
采用CSS+DIV对网站重构日趋被大家重视起来了，尤其是大型站点，像阿里巴巴、163等大型门户站点就已经完成了重构工作。本人在去年就已经有了使用CSS+DIV来编写网页源码的习惯了，个人感觉这种方法确实比传统的TABLE形式的源码架构强多了。 1：表现和内容相分离 将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息。 2：提高搜索引擎对网页的索引效率 用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的网页内容，并可...

纯CSS生成抗锯齿圆角的代码

2017-02-06 21
抗锯齿圆角 .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{ m...

用CSS给图片打标的代码

2017-02-06 23
<！DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type"content="text/...

IE6，IE7和firefox对DIV的支持区别

2017-02-06 19
1针对firefoxie6ie7的css样式 现在大部分都是用！important来hack，对于ie6和firefox测试可以正常显示，但是ie7对！important可以正确解释，会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。 现在写一个CSS可以这样： #1{color:#333;}/*Moz*/ *html#1{color:#666;}/*IE6*/ *+html#1{c...

DIV+CSS布局的网站对网站SEO的影响分析

2017-02-06 18
符合XHTML标准DIV+CSS布局的网站，下面说说在SEO方面的影响。 代码精简 使用DIV+CSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点：一是提高spider爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处;二是由于能高效的爬行，就会受到spider喜欢，这样对收录数量有一定好处。 表格的嵌套问题 很多SEOer在其文章中称，搜索引擎一般不抓取三层以上的表格嵌套，这一点...

非常不错的关于IE与FireFox的js和css几处不同点[转自星火燎原]

2017-02-06 22
在蓝色上看到这篇文章的，感觉作者总结的不错，至少有些偶自己也没有真正的认识过。这些东西的确是应该好好总结一下的，可惜偶这人比较懒，收藏整理于此，便于自己学习！ 1.firefox不能对innerText支持。 firefox支持innerHTML但却不支持innerText，它支持textContent来实现innerText，不过默认把多余的空格也保留了。如果不用textContent，如果字符串里面不包含HTML代码也可以用innerHTML代替。 2...

学习样式表CSS参考-常用的CSS知识

2017-02-06 19
1. Block和inline元素对比 所有的HTML元素都属于block和inline之一。 block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。 相反地，inline元素的特点是： 和其他元素都在一行上； 高，行高及...

DIV和CSS排版中制作细线条的方法小结

2017-02-06 20
今天制作div的高度控制的时候发现IE下控制div的高度很小的时候无效，特意查了一下相关文章。 最终有了解决方案，参考下面文章： 如果要制作一条高度小于12PX（大约）的线条，在IE中会显示出高于实际高度的，看下面。 复制代码 代码如下:<style> .line{ background:#CCCCCC; height:6px; }</style> <divclass="line"></div>可看出实际高度...

在解决ul居中问题时想到的几点

2017-02-06 16
最近在做网站的时候碰到了一个问题：我用ul标签和li标签构建的导航栏想要在不确定li数量和li,ul宽度的情况下居中，但是给ul使用了text-align:center之后却没有起到应有的效果。 原来的页面结构是： 复制代码 代码如下:<divid="menu"> <ulclass="menu_ul"> <liclass="menu_li"><ahref="#">Firede</a></li...

网页编辑中CSS样式表技巧总结

2017-02-06 19
一、关于注释 在创建xhtml+CSS网站时，CSS中的注释非常重要。在创建CSS样式时，应当保持随手注释的习惯。一般的，我习惯于使用“/*注释内容*/”的格式来写注释，因为在EditPlus等具有高亮功能的编辑器里，使用C语言中常用的“/***************/”之类的注释是无意义的，没有必要填充大量无意义内容作为分隔。带有注释的文档作为网站的原始CSS文档，在发布网站的时候，可以使用CSS压缩工具压缩CSS，在输出的CSS中去掉注释以提高文件传...

一个老外弄的Clearing floats（清除浮动的方法）

2017-02-06 21
我常用的都是clear:both;方法，如 <divstyle="clear:both"> <divstyle="float:left"></div> <divstyle="float:right"></div> </div> 今在PlanABC看到另外这种方法，特些记录下来。 div.container{ border:1pxsolid#000000; } div.left{ wid...

XHTML下用dl,dt,dd标签实现翻页的效果代码

2017-02-06 22
今天在标准之类的blog（http://www.aa25.cn）看到"纯CSS代码实现翻页" 的文章 dl {position:absolute;width:389px;height:154px;border:10px solid #eee;}dd {margin:0;width:389px;height:154px;overflow:hidden;}img {border:1px solid black}dt {position:absolute;rig...
<< 21 22 23 24 25 26 27 28 29 30 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图