css基本操作

引入css

1、外联式

link标记引入外部css文件 

标签属性：

            rel           属性规定当前文档与被链接文档之间的关系

            href        规定被链接文档的位置。可以是绝对url或者是相对url

            type        描述link加载的数据类型

            media    属性用于为不同的媒介类型规定不同的样式

详细属性参考：http://www.w3school.com.cn/tags/tag_link.asp

<link rel="stylesheet" type="text/css" href="wcss.css" media="all">

2、内嵌式

    通过style标记来声明css

    注：style标记可以放在网页的任何一个地方

 <style type="text/css">
        p{
            color: red;
        }
 </style>

3、行内样式

如果想为的单个元素指定一些样式，不需要嵌套或者外部样式表的情况下，可以使用style属性来指定样式。

除了在body外部出现的标记（例如，head或title），style属性都可以与任何其他html标记关联

<p style="color: red;">TEST</p>

4、@import引用外部css文件

与link类似，@import用于指示浏览器加载一个外部样式表

URL可以是相对路径或者是绝对路径，这与link一致，同时也可以声明media属性

 @import url(../assets/css/app.css) all;

注：@import必须在style，并且放在其他css规则之前，否则则将不起作用

<style type="text/css">
        @import url(wcss.css);
</style>

css基本语法

    css有主要包括选择器和声明，声明可以是一条或者多条，并且由花括号来包围声明

    声明又是由属性和值组成