CSS和文档

1. 块级元素： p，div，ul，ol，h1，h2 . . . h6等。块级元素独占一行，旁边不能有其他元素。

2. 行内元素：span，a，strong，em等。

    display属性可以使块级元素嵌套在行内元素中。

3. link标签，只能放在head元素中，外部样式表（外部样式表不能包含任何文档标记，只能有css规则和css注释）。

　　属性：‘rel’：关系，样式表stylesheet；候选样式表alternate stylesheet，与title属性一起使用

　　　　    ‘type’：总设置为text/css

　　　　　‘href’：样式表的路径

　　　　　‘media’：all：用于所有表现媒体；

　　　　　　　　　screen：在屏幕媒体中表现文档时使用。在这种系统上运行的所有Web浏览器都是屏幕媒体用户代理。

　　　　　　　　　print：为视力正常的用户打印文档时使用，另外还会在显示文档的“打印预览”时使用。

　　　　　‘title’：相同的title值，就分为一组。

　　可以在多个媒体中使用一个样式表，各媒体用逗号隔开。<link rel = "stylesheet" type = "text/css" href = "basics.css" media = "screen, projection"/>

　　如果将一组样式表指定为首选样式表，那么只会使用其中一个，其他两个忽略，无法确定是哪两个。

　　如果没用为样式表指定title属性，那么它将作为一个永久样式表，始终用于文档的显示。通常，这正是创作人员你所希望的。

4. @import指令：出现在style容器中，放在其他css规则之前，否则将根本不起作用。如果有一个外部样式表它需要使用其他外部样式表中的样式，此时@import就会非常有用，因为外部样式表不能包含任何文档标记，所以不能使用link元素。

<style type = "text/css">
    @import url(styles.css) all;
    h1{color: gray}
</style>

5. 对于一些低版本浏览器不识别的标签，就会将标签里的内容当作文本输出，为解决这一问题，将标签里面的内容注释掉，对于能识别该标签的浏览器仍会对该标签里的内容进行操作。注：注释标签里的内容，不要把标签一同注释。

6. css关键字往往由空格分隔，只有一种情况例外，可以使用斜线（/）来分隔两个特定关键字，例：

h2{font: large/150% sans-serif;}

 

转载于:https://www.cnblogs.com/maybeIwanttotry/p/6874176.html