涉及 CSS 标签的文章 所有标签


经常会遇到的css兼容性问题
9年前
  • 0
  • 0

经常会遇到的css兼容性问题

弄过网页布局的同学都应该知道一件事情——在火狐、chrome、opera这些浏览器弄得好好的页面到了IE6中却让你无语。是的,那也就是浏览器的css兼容性问题,在IE6下有些事情就出了一些令人意想不到的bug~~所以在写css的时候推荐使用多个浏览器同时调试,才能保证兼容性问题一个接一个地被解决。

20110710191930

而这篇文章就是总结一下一些paperen经常遇到的css兼容性问题以及解决方法。直接切入主题吧。

阅读更多
在网页设计中使用圆角形
10年前
  • 0
  • 0

在网页设计中使用圆角形

新年就这样过去了,其实paperen都觉得新年好像越来越没意思,都是与亲戚们到处吃饭,自己还是喜欢吃家里的饭,而且到外面吃paperen我一定吃不饱的……最近几天聚会也很多,加上前天服务器维护所以导致今天才能写写文章。?

话说N久之前paperen我就想在网页中使用圆角形来做,看过一些css书中也有相关介绍,某些做法也是很麻烦的,对html结构很不好,而如果大家有对css3有了解的话也知道css3中已经有支持圆角形的css了,只不过不是每个浏览器都能解析,特别是ie,也就是说你还是得安安分分想其他办法去应付ie浏览器中的圆角形效果,而这里也稍微说说自己曾经与现在制造圆角形的方法。?

因为对于css3的圆角形的css代码普遍不被支持,所以paperen一般还是使用图片来制造圆角形的效果。?

阅读更多
完美的弹出层
10年前
  • 1
  • 0

完美的弹出层

先来看最终效果图吧

201001021262426657?

例子 http://paperen.com/demo/pop-box/

阅读更多
两个Correcting Orphans的方法
10年前
  • 1
  • 0

两个Correcting Orphans的方法

哇塞!看到这个题目或许就让人糊涂……连paperen自己都看不懂是什么意思,“更正孤儿”其实这是一个关于css布局的问题,例如你想做一个效果是,左边是一张小图片右边是一堆文字,就是半图半字的布局,那么这篇或许正是你需要的。?

在paperen琢磨自己新设计的皮肤时,也抽点空先尝试一下设计图中一些布局中的css技巧,而也正是有使用这个布局的地方,而在sohtanaka的博客那也找到了一篇关于这个css技巧的文章,而文章名字就是Correcting Orphans,paperen所以在这里也用了这个名字,所谓站在巨人肩膀上嘛~~?

解决方法1:sohtanaka说的?

阅读更多
近来关于css的不正常思想
10年前
  • 0
  • 0

近来关于css的不正常思想

paperen最近在设计某人的砂场销售系统页面的时候,突然在对css的命名有了点想法,比如对某个元素你可以使用id或者class来对它的css进行编写。前者的区别与后者的区别是明显的,同一个页面中id号是唯一的,也就是说不能有两个或以上的id名字在同一个页面出现,而class则相反,你可以在一个页面中使用同一个class对不同元素进行美化,而且可以套用多个class。类似下面这样写。?

#useid{font-size:12px;}
.useclass{border:1px #CCCCCC solid;}
.bigfont{font-size:14px;}
</style>
<div id="useid">记住ID号唯一</div>
<div class="useclass">而使用class则不同</div>
<div class="useclass bigfont">而使用class则不同</div>

这些是写css的基本准则了,可能大家对多个class一起套用的方法用得不多吧,paperen我也是在学做WordPress的模板时发现可以这样用的(可能是以前看书不够仔细吧……)?

那么如果要写写paperen右边的边栏的css应该怎样写呢??

阅读更多