新规矩来了：写样式也能像聊天一样做选择！过去写网页样式特别折腾。比如手机横屏竖屏要分别写，新版老版浏览器要分别调。现在好了，新版Chrome带来的`if`功能，让你在CSS里直接做选择题！像在代码里直接写："如果手机横着放，就这样排；竖着放，就那样排。" 简单明了，省心多了。以前调屏幕方向得这么写：```css 旧方法：分开两段写 @medi …
css透明属性
说到 CSS 颜色，相比大家都不会陌生，本文是我个人对 CSS 颜色体系的一个系统总结与学习，分享给大家。先用一张图直观的感受一下与 CSS 颜色相关大概覆盖了哪些内容。接下来的行文内容大概会按照这个顺序进行，内容十分基础，可选择性跳到相应内容处阅读。色彩关键字嗯，色彩关键字很好理解。它表示一个具体的颜色值，且它不区分大小写。譬如这样 color:red的 …
提示：点击上方"蓝色字体"↑ 可以订阅噢！1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能 被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站 易 …
一、什么是css margin塌陷CSS中的margin塌陷（也称为margin collapsing）是一个常见的布局问题，主要发生在垂直方向上。当两个或多个元素的垂直margin相遇时，它们不会按照预期叠加，而是会发生重叠，导致最终的外边距值比单独设置时小。二、margin塌陷的原因同级元素：两个同级的元素，垂直排列，上面的盒子给margin-botto …
滤镜的使用格式：<style type="textcss"><!--.filter { filter: Alpha(Opacity=50)}--><style>filter滤镜目前只有IE浏览器支持,不推荐使用，不区分大小写透明特效：1. alpha：设置透明度alpha(opacity=?, finish …
一、CSS背景属性1.背景颜色（background-color）属性值：transparent(透明的)或color(颜色)2.背景图片（background-image）属性值：none(没有)或url(使用绝对或相对地址指定背景图像)优点：非常便于控制位置（精灵图也是一种运用场景）3.背景平铺（background-repeat）属性值：repeat| …
作者：张鑫旭（@张鑫旭）网址：http:www.zhangxinxu.comwordpress201603know-about-css3-all一、兼容性一些CSS文章，或者CSS文档，兼容性什么的都是放在最后。又不是什么见不得人的事情，来，直接开篇就亮刺刀。兼容性还行， 除了IE不支持，其他浏览器基本上都绿油油，目前自娱自乐，内网项目什么的都是可以用用的。 …