![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS 专题
文章平均质量分 82
风动之石
这个作者很懒,什么都没留下…
展开
-
两列布局、三列布局
单列定宽单列自适应方法一:margin和绝对定位 主要内容区域 已经不再只是一行文字了 要放很多很多东西到这个区域中来 .... 不断的重复啊重复着…… 侧边栏 不断的重复啊重复着…… .... 不断的重复啊重复着……原创 2015-07-21 09:23:37 · 546 阅读 · 0 评论 -
元素水平垂直居中方法集锦
绝对定位元素的水平垂直居中参考自:http://www.zhangxinxu.com/wordpress/2013/11/margin-auto-absolute-%e7%bb%9d%e5%af%b9%e5%ae%9a%e4%bd%8d-%e6%b0%b4%e5%b9%b3%e5%9e%82%e7%9b%b4%e5%b1%85%e4%b8%ad/方法一:负margin值.ele转载 2014-12-12 10:01:07 · 627 阅读 · 0 评论 -
纯 CSS 实现 tab 页切换
转自:张鑫旭--CSS radio/checkbox单复选框元素显隐技术 http://www.zhangxinxu.com/wordpress/2012/01/css-css3-selector-element-display-tab-listdown/效果图: 选项卡1 我是选转载 2015-07-31 16:18:05 · 692 阅读 · 0 评论 -
纯 CSS 实现面包屑导航
参考文档:中文:http://www.cnblogs.com/submerge/archive/2014/10/22/4044341.html英文原文:http://line25.com/tutorials/how-to-create-flat-style-breadcrumb-links-with-css先上图,随后代码。 .breadcrumbs li原创 2015-01-24 20:21:43 · 793 阅读 · 0 评论 -
CSS3动画产生圆圈由小变大向外扩散的效果
涉及到 CSS3 的动画(animation)、2D 转换(transform: scale),具体如代码所示。无标题文档@keyframes warn { 0% { transform: scale(0); opacity: 0.0; } 25% { transform: scale(0); opacity: 0.1; } 50% { transfo原创 2014-12-31 20:32:51 · 36941 阅读 · 0 评论 -
清除浮动及 BFC(块级格式化上下文)
一、清除浮动浮动元素会影响它的兄弟元素的位置和让父元素产生高度塌陷,清除浮动的方法有:clear : both (应用在空 div 元素或者父元素的 after 伪类上)br 标签的 clear 属性 浮动父元素(触发 BFC)overflow: hidden (触发 BFC) display: table或table-cells;(触发 BFC,display:table转载 2014-12-30 15:18:48 · 722 阅读 · 0 评论 -
等高列布局
方法一:背景图片法 .container { background: url("column.png") repeat-y; width: 960px; margin: 0 auto;}.left { float: left; width: 220px;}.content { float: left; width: 480px转载 2014-12-19 15:37:08 · 405 阅读 · 0 评论 -
浮动,影响width:auto块级元素的默认宽度(宽度值与浮动之间的关系)
如果块级元素的width属性设置为auto的话转载 2014-10-13 09:43:01 · 2558 阅读 · 0 评论 -
CSS布局奇淫巧计之-强大的负边距
转自:http://www.cnblogs.com/2050/archive/2012/08/13/2636467.htmlcss中的负边距(negative margin)是布局中的一个常用技巧,只要运用得合理常常会有意想不到的效果。很多特殊的css布局方法都依赖于负边距,所以掌握它的用法对于前端的同学来说,那是必须的。本文非常基础,老鸟可以略过。 负边距在普通文档流中的作用和效转载 2014-10-02 19:43:50 · 507 阅读 · 0 评论 -
为什么元素浮动之后,文字会环绕在周边,而不是跟浮动元素重合?
最近在学习CSS,在浮动上遇到一问题:既然浮动元素脱离了文档流,为什么文字会环绕在浮动元素的周边而不是跟浮动元素重合呢?这问题困扰了我整整一天,上网各种搜、各种问人,也没有让我信服的答案(可能有的答案是正确的,但是我基础差,没有听懂)。最后经过一整天搜索、询问的沉淀,最后在别人的推荐下看了《CSS权威指南》,现在自认为算是基本上明白怎么回事了。为了彻底明白这个问题,必须先弄明白几个问题。原创 2013-12-16 21:30:32 · 6614 阅读 · 5 评论 -
CSS层叠规则优先级、内部样式表与外部样式表优先级
我将CSS优先级总结为四个级别的优先,按照从高到低的顺序排列分别是标签离修饰内容近,!important相关,选择器级别,CSS代码位置靠下。在比较的时候从高往低比较。如果在某一优先级层面上已经比较出不同,就不需要继续比较;否则进入下一级的比较。下面详细的描述这四个优先级第一优先级为标签离修饰内容近。例如内容中,b的位置就比a离文字更近,当选择#a和.b的时候,.b的优先级更高第二原创 2014-10-28 14:14:56 · 5600 阅读 · 0 评论 -
display:inline、block、inline-block的区别
转自:http://www.cnblogs.com/jdonson/archive/2011/06/10/2077932.html转载 2014-10-11 18:26:24 · 385 阅读 · 0 评论 -
浏览器兼容性总结
IE6~8 CSS hack版本\hack_*\0\9IE 6√√×√IE 7×√×√IE 8××√原创 2015-10-12 10:55:15 · 569 阅读 · 0 评论