码迷,mamicode.com
首页 > Web开发 > 详细

第三篇、CSS样式简介

时间:2016-09-02 00:30:47      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:

 

<!--1.行内样式
<p style="background-color:red;font-size:20px">
-->

<!--2.页内样式
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            body{
                background-color:gray;
            }
            
            div{
                background-color:red;
            }
            
            p{
                font-size:50px;
            }
        </style>
    </head>
-->

<!--3.外部样式
    <link rel="stylesheet" href="./css/index.css">
-->

<!--
    CSS样式规律:
    1>就近原则(谁离我的内容近就用谁)
    2>叠加原则
-->


<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            body{
                background-color:gray;
            }
            
            div{
                background-color:red;
            }
            
            p{
                font-size:50px;
            }
            
            <!--引用外部的css样式 rel层叠样式表 -->
            <link rel="stylesheet" href="./css/index.css">
        </style>
    </head>
    
    <body>
        <div style="font-size:20px;color:blue;">22222222222222222</div>
        <p>11111111111111111111111111111111111111111</p>
    </body>

</html>

 

第三篇、CSS样式简介

标签:

原文地址:http://www.cnblogs.com/HJQ2016/p/5831822.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!