Kepler_II的博客

前言之前做项目，关于布局方面没怎么深入研究过，好多页面都是能用定位就用定位，能用百分比就用百分比，导致很多地方，看似对齐了，但是就很别扭，这几天又被一个布局折磨了很久。于是痛定思痛，总结一下自己思想上的问题。自己之前没把 CSS 的相关问题当回事，心里总是理所应当的认为，样式什么时候用到随便百度一下就行，这种想法的后果就是，页面风格很僵硬，不同分辨率的显示器适配很差，写页面的时候，也很莫名其妙，明明我写了某个样式，就是没效果，到头来还是自己跟自己过不去。感觉跟我有一样想法的同学肯定不少，不过不要紧，知

前言CSS3圆角技术能非常好的美化你的页面效果，而且避免了使用图片辅助，一则省去了制作图片的时间，二则省去了浏览器加载图片造成的延迟和带宽。如今，这种利用CSS制作圆角的技术已经得到了大多数主流浏览器的支持，包括Safari，谷歌浏览器，IE，Opera和火狐浏览器。下面让我们来看看border-radius的语法，解释，以及IE是如何支持它的。语法和说明在CSS3中用来生成圆角效果的属性是border-radius.这个属性跟大家熟知的width等属性的用法相似：.roundElement {

过渡和动画都是CSS3的重要部分，今天有时间，了解些相关内容并记录下。在开始之前，首先看看CSS3的转化。转化CSS3的转化分为以下几种：translate 移动rotate　旋转scale　缩放skew　倾斜matrix　混合每种转化都还有对应的3d版本注意：闭合的内联元素不支持转化，过渡和动画：如<span>、<small>、<i>等。可以通过添加样式　display: inline-block 或　display: block　来转化成块级元

HTML5、CSS3和JavaScript API一起形成了新的网页标准，很多浏览器已经开始实施其中的部分新功能。其中CSS3负责网页样式的表现，为了达到更好的表现效果，增加了一些新属性。目前CSS3的部分属性在一些浏览器上处在实验阶段，为了在文档中有效应用这条规则，必须使用相应的前缀声明。·-moz- 是Firefox的前缀·-webkit- 是Safari和Chrome的前缀·-o- 是Opera的前缀·-khtml- 是Konqueror的前缀·-ms- 是Internet Explore