随笔分类 - CSS
网页设计美化
摘要：使用 textarea 提交的文本，或者本身后端返回的文本中，可能包含有换行符，但默认情况下 HTML 是不会处理这些换行符的（white-space: normal） 1、以前都是使用 js 主动将 \r\n 的换行符替换为 ； 2、刚才知道，原来 CSS 可以直接处理这种情况，设置样式（white-space: pre-wrap）即可（ CSS 2.1 新增）
阅读全文
摘要：在第一次尝试 Semantic UI 后，发现其 css 中第一行，就引用了 fonts.googleapis.com 中的字体。 不知道为什么要这么做，也许在国外，google 的服务已经是一种互联网的基础设施了？ 但是在中国，都懂的，这会大大的拖慢网站的加载速度，甚至加载出错。 其实还有一种情况
阅读全文
摘要：IE 和 Edge 中都是这样，Chrome中好像还好。 方法就是换一个样式，还有一个控制显示隐藏的：visibility 相关文档：http://www.w3school.com.cn/cssref/pr_class_visibility.asp 所以把所有display: none的地方，换成 visibility: hidden 就好了。。。 参考链接：http://www.css8...
阅读全文
摘要：貌似是从 IE10 开始？为了触屏操作优化浏览器的内容显示，IE 浏览器提供了一种可以浮动显示，自动隐藏的滚动条样式，但是这个样式会在某些情况下造成一些困扰，比如下图。。。 其实默认情况下，桌面版的 IE 应该是传统的滚动条样式；而在应用版的 IE 中，滚动条默认才是浮动显示，自动隐藏。 但是可能会发现，一些使用了 bootstrap 样式的网站，也会出现相同这种情况，谷歌了一下，发现这是...
阅读全文
摘要：在CSS中，只能通过代码改变层级，这个属性就是z-index，要让z-index起作用有个小小前提，就是元素的position属性要是relative，absolute或是fixed。 1.第一种情况（z-index无论设置多高都不起作用情况）： 这种情况发生的条件有三个： 1、父标签 position属性为relative； 2、问题标签无position属性（不包括sta...
阅读全文
摘要：参考必应主页的样式，在页面中放置一个表格，100%宽高，然后表格内部是一个单元格，在单元格内部放置div，使其margin为auto即可。 xxx
阅读全文
摘要：今天终于明白为什么表单元素的宽度经常对不齐了，原来是计算的问题。为元素设置：box-sizing: border-box;，则表明width的宽度为内容本身宽度+padding+border（高度一样）为元素设置：box-sizing: content-box;，（默认就是这个），则表明width的宽度就是内容本身的宽度，padding以外的再另算。而input、select默认的样式是不同的，所以就造成了width设置的一样，但就是对不齐。全部设成border-box就省事了。（IE8及以上版本支持。）具体请查看文章：http://www.w3cplus.com/content/css3-b
阅读全文
摘要：这里主要是为了留个备份，更好的排版请查看原文： http://www.cnblogs.com/dolphinX/p/3511300.html //以下为全文转载 CSS初学感觉很简单，但随着学习的深入才感觉CSS的水由多深，平常总会遇到各种坑，先总结一些经常遇到的坑 大小写不敏感 虽然我们平时在写CSS的时候都是用小写，但其实CSS并不是大小写敏感的 .test{ backgro...
阅读全文
摘要：如何在一个div内将一个div进行绝对定位呢？很简单，把父div的position属性设为relative，子div的position属性设为absolute就可以了。。。 示例： xxxxxx效果：
阅读全文
摘要：/*高度自适应*/.com_fill_height{ height:100%; overflow:hidden;}高度自适应的样式代码，真的就这么简单吗。。。
阅读全文
