css写在另一个页面时引入的3种方法 

<head>
    <meta charset="UTF-8">
    <title>Title</title>
   这是第一种方法在head里使用style标签进行css设计 <!--<style> &lt;!&ndash;style 第一种方法：标签必须放在head里&ndash;&gt;-->
        <!--/*p{*/-->
        <!--/*color: red;*/-->
        <!--/*font-size: 40px;*/-->
        <!--/*}*/-->
        <!--/*a{*/-->
            <!--/*text-decoration: none;&lt;!&ndash;去掉下划线 &ndash;&gt;*/-->
        <!--/*}*/-->
    <!--</style>-->

这种好<link rel="stylesheet" href="test1.css"><!--第二种方法：所有布局设计在css页面中，引入必须有rel、href-->


    <!--<style>@import "test1.css";</style>第三种方法，当图片文字大时，会导致一闪出现，不是很好-->
</head>
<body>

<div>  hello  jerry</div>
<p>hello tom</p>
<a href="">点我</a>

右键新建stylesheet就可以新建css后缀名的页面：

  p{
        color: red;
        font-size: 20px;
        }
在这个页面进行设计的

 

posted @ 2018-06-08 13:58  未来的技术  阅读(326)  评论(0)  编辑  收藏  举报