jennifer900522

摘要： 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768<style type="text/css">/*说明：CSS3 为不同媒介设置样式的方式（CSS3 Media Queries）来源：http://www.stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries/整理：CodeBit.cn 阅读全文

摘要： 这个是一个很流行的清除浮动的方法，在很多大项目上已经被完全采用。这个方法来源于positioniseverything，通过after伪类:after和IEhack来实现，完全兼容当前主流浏览器。<style type="text/css">.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}.clearfix {display: inline-block;} /* for IE/Mac */</style>& 阅读全文

摘要： 上一切在《CSS3选择器——基本选择器》中主要介绍了CSS3选择器的第一部分，这节主要和大家一起来学习CSS3选择器的第二部分——属性选择器。属性选择器早在CSS2中就被引入了，其主要作用就是对带有指定属性的HTML 元素设置样式。使用CSS3属性选择器，你可以只指定元素的某个属性，或者你还可以同时指定元素的某个属性和其对应的属性值。从上一节展示的CSS3选择器的图表中，我们可以知道，CSS3的属性选择器主要包括以下几种：E[attr]：只使用属性名，但没有确定任何属性值；E[attr="value"]：指定属性名，并指定了该属性的属性值；E[attr~="val 阅读全文

摘要： CSS的选择器，我想大家并不会陌生吧，因为天天在使用，但对于CSS3的选择器，要运用的灵活到位，我想对很多朋友还是一定的难度，特别是CSS3中的:nth选择器。那么从现在开始我们先丢开他们版本的区别，从头一起来看看CSS选择器的运用。CSS是一种用于屏幕上渲染html，xml等一种语言，CSS主要是在相应的元素中应用样式，来渲染相对应用的元素，那么这样我们选择相应的元素就很重要了，如何选择对应的元素，此时就需要我们所说的选择器。选择器主要是用来确定html的树形结构中的DOM元素节点。我把CSS选择器分开成三部分，第一部分是我们常用的部分，我把他叫做基本选择器；第二部分我把他称作是属性选择器， 阅读全文

摘要： calc()对大家来说，或许很陌生，不太会相信calc()是css中的部分。因为看其外表像个函数，既然是函数为何又出现在CSS中呢？这一点也让我百思不得其解，今天有一同事告诉我，说CSS3中有一个属性能实现自适应的布局，首先让我想到的是box-sizing，但跟我说还可以计算，这让我不得不想起calc()。因为早先在官网和一些blog上看到相关的介绍，但一直没有深入，也没有自己去测试过。今天花了一下午的时间彻底学习了一下calc()。于是就有了这篇blog，希望对大家有所帮助。平时在制作页面的时候，总会碰到有的元素是100%的宽度。众所周知，如果元素宽度为100%时，其自身不带其他盒模型属性设 阅读全文

摘要： 在上一篇《Web布局连载——两栏固定布局（四）》中留了一个下文，“No div, no float, no clear, no hack”。看起来很有意思，这种没有div，没有float，没有清除浮动和没有hack的布局，还是看到的少数，当然除了 table布局。因为table布局是不需要使用前面说的几个部分。那么今天我们要讲的布局是不是table布局呢？欲想知道，那就一起随着往下看吧。首先今天这个布局的思路是来自于sneak peek的《No div, no float, no clear, no hack*, no joke!》一文。虽然整个页面看到不到table的有关标签，但是其布局的原 阅读全文

摘要： W3cplus有关于CSS3的教程在国内来说算是比较多，也比较全的了，有理论介绍，也有实例分析。但有关于质感这种细节上的分析文章还没有写过。由于自己的美感较差，也不敢班门弄斧，恐怕误人子弟。今天由好友99客串W3cplus，由他向大家介绍一些有关于这方面的知识，希望大家喜欢，更希望这系列文章对大家今后的工作与设计有所帮助。所谓质感。。。其实我也不知道怎么说，可以叫做 立体感，或者光感吧。。。作为前端，最怕的不是切什么图，其实是要把设计师的设计利用代码css3化表现出来，写过的css3效果也多不胜数了- -最近总结下，如何做类似的“质感”效果。这个系列我准备分析以下几种质感：表面的颜色微凸感单层 阅读全文

摘要： 1. CSS3 transform– rotate（旋转）.transform–rotate {-moz-transform: rotate(7deg);-webkit-transform: rotate(7deg);}2. CSS3 transform– skew（扭曲）.transform–skew{-moz-transform: skew(-25deg);-webkit-transform: skew(-25deg);}3. CSS3 transform– scale（缩放）.transform–scale {-moz-transform: scale(0.5);-webkit-tran 阅读全文