css样式基础

1.内联式css样式,直接写在现有的HTML标签中

 <p style="color:red">这里文字是红色。</p>

2.嵌入式css样式,写在当前的文件中 。写在<style type="text/css"></style>标签之间

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

3.外部式css样式,写在单独的一个文件中,用<link>引入

    <link href="base.css" rel="stylesheet" type="text/css" />     

     注意:

        1、css样式文件名称以有意义的英文字母命名,如 main.css。

        2、rel="stylesheet" type="text/css" 是固定写法不可修改。

        3、<link>标签位置一般写在<head>标签之内。

 他们的优先级:内联式 > 嵌入式 > 外部式

 

posted @ 2017-08-20 16:18  菲飞飞  阅读(129)  评论(0编辑  收藏  举报