随笔分类 - Css
摘要：项目中用到的一些特殊字符和图标 html代码 <div class="cross"></div> css代码 .cross{ width: 20px; height: 20px; background-color: #F3F9FF; border-radius: 10px; border: 1px
阅读全文
摘要：今天开始学习使用less这个强大方便的前端工具，本来是考虑用koala（专门编辑less的软件）来使用less的，但是发现sublime编辑器也可以实现对less的编译及高亮显示代码，这样既能少用一个软件还能扩展sublime的功能，何乐而不为，于是赶紧去网上查了资料并加以整理。 1、在sublim
阅读全文
摘要：flex是个非常好用的属性，如果说有什么可以完全代替 float 和 position ，那么肯定是非它莫属了（虽然现在还有很多不支持 flex 的浏览器）。然而国内很多浏览器对 Flex 的支持都不是很好，这里针对微信内置浏览器写了一套兼容写法。下面入正题。 首先还是从两个版本的语法开始讲吧，这里
阅读全文
摘要：前端和计算机相关知识 你能描述一下渐进增强和优雅降级之间的不同吗 浏览器兼容问题 如何对网站的文件和资源进行优化? 怎么学习前端?怎么接触前端新知识? 关于前后端分离 关于浏览器内核(渲染引擎) 浏览器加载文件顺序以及repaint/reflow 为什么使用多个域名来存储网络资源会更有效？ 进程和线
阅读全文
摘要：body * {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);fi
阅读全文
摘要：特别的，有一个新的属性，它能让我们控制多个元素的属性，就是：scoped。style标记上新出现的这个scoped属性可以让CSS样式只对局部元素生效，具体说，就是存放这段style样式的元素的子元素生效，跟平常的样式不一样的唯一地方就是新加了一个scoped属性： 复制代码 代码如下: 复制代码
阅读全文
摘要：@font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体，你们当中或许有许多人会不自然的问，这样的东西IE能支持吗？当我告诉大家@font-face这个功能早在IE4就支持了
阅读全文
摘要：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool http://www.ruanyifeng.com/blog/2015/07/flex-examples.html 网页布局（layout）是CSS
阅读全文
摘要：http://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html 曾几何时为了兼容IE低版本浏览器而头痛，以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代，为了处理各终端的适配而乱了手脚。对于混迹各社区的偶，时常发现大家
阅读全文
摘要：关于:nth-child和:nth-of-type的区别之前一直没太注意。最近打算深入了解一些CSS3，才发现里面其实暗藏玄机。 :nth-child可以选择父元素下的字元素，:nth-of-type也可以。但是它们到底有什么区别呢？ 其实区别很简单：:nth-of-type为什么要叫:nth-of
阅读全文
摘要：不知不觉中，支持 CSS3 和 HTML5 的浏览器变得越来越多，甚至包括最新版的 IE，当然，所谓支持仅仅是部分支持，因为 CSS3 和 HTML5 的W3C 规范都尚未形成。如果你现在就希望使用 CSS3 和 HTML5 创建你的站点，至少要对各个浏览器对这两种新技术的支持情况有一个全面了解。
阅读全文
摘要：input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }
阅读全文
摘要：这篇文章发布于 2012年04月24日，星期二，22:38，归类于 css相关。 阅读 147771 次, 今日 52 次 by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p
阅读全文
摘要：http://www.daqianduan.com/6179.html <p style="width: 300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;"> 如果实现单行文本的溢出显示省略号同学们应该都知道用te
阅读全文
摘要：text-transform 属性控制文本的大小写。
阅读全文
摘要：做一些后台项目，和一下带侧边栏项目的时候登高布局很常用，总结了下有几种 1.margin-bottom方法 这里直接介绍我认为的最佳的侧边栏/分栏高度自动相等方法。核心的CSS代码如下（数值不固定）： margin-bottom:-3000px; padding-bottom:3000px; 再配合
阅读全文
摘要：http://www.w3cplus.com/css/less 一、前言 说到前端构建怎能缺少CSS预处理器呢！其实CSS的预处理器有很多啦，比较出名的有Scss、Sass、Stylus和Less。（最近还听说出现了Autoprefixer等CSS后处理器，可参考@一丝的PPT） 众多CSS预处理器
阅读全文
摘要：内层宽度超过50%；第二个覆盖第一个； .departments .gradeA,.departments .gradeB{width: 100%; height: 100%; position: absolute;}.departments .gradeA .list,.departments .
阅读全文
摘要：http://www.imooc.com/article/5247
阅读全文
摘要：IE、FF、Safari、OP不同浏览器兼容报告 1 浏览器内核简介 Trident IE浏览器(GreenBrowser绿色浏览器, 遨游浏览器....都是IE) Geckos FireFox Presto Opera Webkit Safari、Chrome 浏览器最重要或者说核心的部分是“Re
阅读全文
浙公网安备 33010602011771号