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

css样式基础

时间:2017-08-20 18:24:36      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:code   红色   htm   文件中   data-   修改   之间   意义   size   

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>标签之内。

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

 

css样式基础

标签:code   红色   htm   文件中   data-   修改   之间   意义   size   

原文地址:http://www.cnblogs.com/lucky-n/p/7400381.html

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