项目space-day1

Name:Space-tourism

Creating a general reset

知识点回顾：

伪元素:before和:after用法

语法：

/* CSS3 语法 */
element::before { 样式 }

/*（单冒号）CSS2 过时语法 (仅用来支持 IE8) */
element:before  { 样式 }

/* 在每一个 p 元素前插入内容 */
p::before { content: "Hello world!"; }

这个两个伪元素在真正页面元素内部之前和之后添加新内容（当然了，可以对伪元素应用定位可以置于任何位置）。可以用以下例子来说明：
 

   
wonyun!
    

上面例子从技术角度看，等价于下面的html结构：

    

        hello 
        wonyun!
         you are handsome!
    

转：css伪元素:before和:after用法详解 - wonyun - 博客园

CSS3 box-sizing 属性

元素的总高度和宽度包含内边距和边框(padding 与 border) :