【css世界】阅读笔记

@charset "utf-8"

@import "mystyle.css";
@import url("mystyle.css");
@media
media query 使用规则，它能够对设备的类型进行一些判断，在media的区块中，是普通规则列表。

@media print {
    body {
        font-size: 10pt;
    }
}

@page {
    size: 8.5in 11in;
    margin: 10%;
    @top-left {
        content: "Hamlet";
    }
    @top-right {
        content: "Page " counter(page);
    }
}

@counter-style triangle {
    system: cyclic;
    suffix: "";
}

@keyframes diagonal-side {
    from {
        left: 0;
        top: 0;
    }
    

    to {
        left: 100px;
        top: 100px;
    }

}

@font-face {
    font-family: Gentium;
    src: url(http://xxxx);
}
p {
    font-family: Gentium, serif;
}

GuoYF

Choose mode

【css世界】阅读笔记

【css世界】阅读笔记

# css世界

# 块级元素

# 常用a t规则及使用示例

# @charset

# @import

# @page

# @counter-style

# @key-frames

# @fontface

# @support

# @namespace

# @viewport

# 盒模型

# BFC（块级格式上下文）

# 居中布局

# 去除浮动

# css3新属性

# 伪类选择器

# 伪元素