CSS-天缘博客
Keep on going, never give up.

2017年12月15

CSS中a链接风格问题

CSS

一、text-decoration:none的浏览器兼容问题 发现一个问题,SAFARI浏览器上,a链接如果加上text-decoration: none;属性,那么将会影响默认的链接手势显示,即cursor:pointer,最后把a链接的这个text-decoration:none属性去掉,SAFARI即可正常显示链接手势。CHROME、IE等浏览器则无此问题。 二、a链接属性的优先级问题

2014年07月21

网站侧边栏滚动停驻方法

JavaScript

网站侧边栏滚动停驻还是很有意思,尤其是像天缘博客这种技术笔记型文章,废话多又冗长,经常能看到正文滚动后侧面白板的情况,还是有必要美一美。网上也有很多种类似代码,有的兼容性非常好,IE、OPERA、FIREFOX、CHROME等等各版本全兼容了,天缘更喜欢简约代码,只对最新版本IE/CHROME/FIREFOX有效就行了,于是精简修改了这么一段停驻代码出来,也是天缘正在使用的。 一、停驻示例代码

2014年07月15

PRE标签及换行问题

HTML

之前网站使用Syntax highlighter做代码高亮,现在感觉这类网站插件太“庞大”了,经常要加载太多的FLASH、JS脚本,所以,干脆全替换改为pre普通标签,替换过后,原插件自带的复制、查看、显示行号等小功能都没了,不过整个网页看起来要简单清爽多了,本文总结pre标签的用法。 一、pre标签介绍 pre标签用于格式化显示网站页面内容,编写代码时是需要带封堵标记

2012年04月20

几个IE6、IE7、FireFox上CSS兼容问题

CSS

本文总结IE6、IE7及Firefox网页设计中的兼容问题,尽管IE6已有10年历史,至今仍有大量的用户(20%左右)在使用,做前端设计的程序员不得不考虑这个用户群体。所以兼容设计还是需要的。 本文概括min-width和min-height IE设置兼容问题,margin:auto水平和垂直居中问题,margin和padding尺寸计算问题,还有高度自适应问题等常见兼容问题。

2010年08月21

CSS列表样式list-style演示示例

CSS

本文演示全部CSS list-style列表样式属性,因样式类型太多,干脆全部测试抓个图下来,大家用的时候直接对照着找一种风格就可以了,list-style有三种属性,包括list-style-type、list-style-position和list-style-image,分别对应设置列表样式类型、位置和图片,默认是图片属性为none,所以最常用的还是前两种属性。

2010年05月31

网页中、英文安全字体选择及设置

CSS

天缘博客目前已支持雅黑字体显示,这样在Vista/Windows 7上会看起来更舒服点,问题虽小不过在测试时还是有些小的细节问题,这里总结一下,网页字体显示要求浏览者必须具有相应的本地字库,才会正常显示,否则将会按照系统默认的字体显示,所以设计网页就不得不考虑用户体验问题,虽然Vista/Windows 7已经发布并流行很久了,而Windows XP依然“东方不败”,占据过半市场,宋体依然是各大中文门户不二选择的主要原因。

2010年02月24

网站设计:网页宽度和高度设置参考建议

HTML

由于前几天博客改版更换系统,所以就想到这个网页宽度和高度设置问题, 今天特别就这个问题查了一下,并且仔细看了下天缘博客的统计报表,还是有些新的发现,经过本文整理,思路才更加清晰,庆幸天缘的一直坚持是正确的。本文我 们共同了解一下几个国内国外大型网站户的网页宽度和高度设置情 况,然后结合天缘博客的访客用户分辨率统计,谈几点个人看法,希望对你有所帮助......

2009年08月26

CSS常见中文字体与英文对照

CSS

在CSS中涉及font-family中文字体指定时,有人习惯使用中文,有人习惯使用英文,两者效果一样,当然也可以使用中文的UNICODE编码,比如微软雅黑,可以使用Microsoft YaHei,也可以使用\5FAE\8F6F\96C5\9ED1,本文列出一些常用字体的中英文对照。 最常用的两个: 微软雅黑:Microsoft YaHei 宋体:SimSun 一、Mac OS字体 华

2009年07月18

CSS中如何把Span标签设置为固定宽度

CSS

本文总结CSS中SPAN标签的固定宽度设置问题,一般在日志文章标题+日期展示时经常遇到,所以就顺便把SPAN几种组合情况一起汇总一下。包括独立行固定宽度、同行固定宽度和同行居中固定宽度。关于SPAN标签浮动靠右对齐方法,目前考虑到兼容IE6前提下,似乎只有反向浮动和相对定位两种方式(参文末),没发现更好的方法。

2009年06月30

网页图片宽度和高度自适应的方法汇总

JavaScript

在我们设计网页的时候,经常会遇到图片自适应问题,实际这些工作完全可以交给浏览器来完成就可以了,只可惜,无论是IE还是FIREFOX在图片自适应这个问题上都处理的不尽人意,网上实现网页图片宽度和高度的方法也很多,主要又两种:第一种是使用CSS来完成;第二种是使用Javascript来完成,根据实际的应用效果来说,使用Javascript还是比较靠谱一点,因为CSS的expression的确有点烦。......

2009年06月16

div设置高度小于15px时无效的解决方法

HTML

当我们把做DIV作为分隔界面的时候,经常出现DIV设置高度无效的问题,比如把div设置高度小于15PX,DIV显示的实际高度确不是设置的高度,导致此问题的解决方法是:对DIV添加font-size设置就可以了。例:

 

CSS定义如下:#divclear {width:100%;height:6px;font-size:0px;}......

 

2009年06月14

定义CSS风格实现图片的半透明效果

CSS

定义CSS风格实现图片的半透明效果,方法很简单,示例如下:<div id='imgbox'><img src="logo.gif" border=0/>
</div>CSS定义实现半透明处理如下(兼容IE,FireFox,OPERA):#imgbox img{opacity: 0.5;filter:alpha(opacity=50);

 

订阅博客

最新文章

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载也必须遵循“署名-非商业用途-保持一致”的创作共用协议. 返回顶部
Copyright@2005-2018 Metsky.com, All rights Reserved.