摘要：
渐进增强 什么是渐进增强：较弱的浏览器和较强的浏览器功能和行为不一样要一样，但是一定要保证页面内容是可以访问的，渐进增强的理念就是为现代浏览器使用更丰富的样式。 为不支持某些属性的浏览器使用polyfill（垫片） polyfill为较弱的浏览器提供一定程序的对html5和css3 api 的支持 阅读全文
摘要：
@font-face{ font-family:"" ; src:url(); src:url(); font-weight: font-style: } @font-face 的作用是告知浏览器，添加了web字体，从而可以为元素设置字体。 为web字体设置斜体样式 font-style:itali 阅读全文
摘要：
创建可伸缩的图像 img标签省略设置width和height , 在样式表中设置max-width:100% , 创建弹性布局网格 创建弹性布局的关键是使用百分数来设置width,而不要指定固定的宽度值 媒体查询 定义的方式：1）<link rel=''' href="" media=""> 2) 阅读全文
摘要：
在旧版浏览器中为HTML5元素添加样式 IE9以下的IE浏览器会忽略它们不原生支持的元素的css。解决方法是使用htm5-shiv的javascript文件，可以从github上下载，加载到本地。 在head元素内，link后面添加以下代码： css盒状模型 盒状模型是指，盒子是有元素内容、padd 阅读全文
摘要：
字体样式 font-family //字体 font-size //字体大小 font-style //字体样式，可以创建斜体 font-weight //=bold,可以创建粗体样式，取消粗体：font-weight:normal 简写法：font: 设置行高 line-height 设置颜色 c 阅读全文
摘要：
上下文选择器 div p { } //表示所有div 下 的 p 元素 类名选择器 ID选择器 直接子元素选择器 div > p 相邻同袍元素 div p+p 普通同袍元素 div p~p 伪类：选择第一个元素 和 最后一个元素 ：first-child :last-child 选择元素的第一个字母 阅读全文
摘要：
链接有两个主要的部分：目标和标签。 <a href="" rel=""></a> href : 可以指向同网站的页面，也可以指向另一个网站的页面(请使用绝对url) rel：表示页面与目标页面的关系 创建锚并链接到锚：href="....#id值"，可以是本页面的，也可以是其他网站中的页面 打开电子 阅读全文