css 引用方式

引用方式,就是如何把CSS跟HTML结合起来使用,这里不讨论CSS的具体属性设置等

<h6>1.行内样式:</h6>

直接在标签中使用style属性

<p style="color:#0F6;font-familly:cursive;font-size:22px;width:200px;height:50px;background-image:url(./程序员.jpg)">爱情来得太快就像龙卷风</p>

<h6>2.内部样式:</h6>

在<HTML>和<BODY>标签之间插入一个<STYLE>...</STYLE>块对象

<style type="text/css">
    p{
        color:#C90;
        font-size:20px;
        font-family:"Comic Sans MS", cursive;
        width:200px;
        height:60px;
        border:1px;
        border-style:dashed;
        border-color:#F00;
    }
</style>

使用:

<p>我曾经爱过这样一个男人</p>

<h6>3.外部样式:</h6>

使用<link>标签引用外部css文件
Demo.css

p{
    color:#C90;
    font-size:20px;
    font-family:"Comic Sans MS", cursive;
    width:200px;
    height:60px;
    border:1px;
    border-style:dashed;
    border-color:#F00;
}

在<head>标签中把外部css文件链接进来

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

使用:

<p>我曾经爱过这样一个男人</p>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 4,716评论 0 1
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 8,566评论 0 5
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 8,382评论 0 11
  • 食物可以安慰人心,如果让一个要自杀的人到菜市场去,看到新鲜欲滴的各种菜植物,就会感受到蓬勃的生命力,人都会振...
    任蓓阅读 4,256评论 0 1
  • 大家都知道工作和家事是不能混为一谈的,这样的话你会没有尺度去把握。 上周家里有事,婆婆生病住院孩...
    临淄茂业DDM王丽萍阅读 1,449评论 0 0