分类 CSS3 下的文章

css3玩转气泡样式

自从有了css3以后,网页样式更加多变,实现更加简单,以往需要多个标签来实现气泡样式,现在我们只需通过css3选择器的:before和:after即可实现。普及下这两个选择器的知识:其实这两个是伪类选择器伪类选择器: 和一般的DOM中的元素样式不一样,它并不改变任何DOM内容。只是插入了一些修饰类的元素,这些元素对于用户来说是可见的,但是对于DOM来说不可见。伪类的效果可以通过添加...

继续阅读 »

让你的文字飘到图片上

移动成了主流,web技术也更多加好玩了, 为了方便扩展和节省流量,越来越多的图片上不再装饰文字,而是通过CSS将文字加到图片之上,其实就是活用position属性 值 描述 absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位...

继续阅读 »

bootstrap之旅 -- 快速体验

先解答一个网友的问题:Q: css3中的media query在任何浏览器中没有用?A:其实css3一直是ie9之后才陆续支持的,webkit内核或firefox早就支持了。我们直接看效果吧body部分就是一个<span>ni dong de</span>css代码如下: /* 当浏览器的可视区域小于650px */ @media screen a...

继续阅读 »

bootstrap之旅 - 响应式布局

bootstap是一个能够兼容多屏,移动优先的UI框架。支持的布局和插件:HTML&CSS:网格、布局、排版、编码、表格、表单、按键、图片、图标、按钮组、导航、面包屑导航、页码、标签、徽章、缩略图、提示框、进度栏JS:模态窗口(Modals)、提示效果(Tool Tips)、“泡芙”效果(Popovers)、滚动监控(Scrollspy)、旋转木马(Carousel)、输入提示(Ty...

继续阅读 »

bootstrap之旅 - 让web开发变得更迅速和简单

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态css语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,用于开发响应式布局、移动设备优先的 WEB 项目...

继续阅读 »