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

CSS引用方式

时间:2018-06-16 01:07:38      阅读:234      评论:0      收藏:0      [点我收藏+]

标签:color   标记   大小   选择   格式   href   TE   文档   图片   

CSS引用方式有4种,目前为止我们所熟知的三种分别为:外部引入、内部引入、行内样式,下面一 一进行介绍。

1.外部引入:CSS代码在一个独立的文件中,HTML通过Link标签引入到页面。

代码格式:<link rel=“stylesheet” href="../css/index.css">;

技术分享图片

注:1.link标签是head的子元素;

     2.link是空元素,用于引入外部资源;

2.内部引入:将CSS代码放入HTML文档中的style元素

代码格式:<style type="text/css">

      p{

        font-size(文字大小):10px;
      }

    </style>

技术分享图片

3.行内样式:CSS代码写在某个开始标记的style属性中,不写选择器。

代码格式:<p style="属性值">元素内容</p>;

技术分享图片

注:style所属的标签在body里;

CSS引用方式

标签:color   标记   大小   选择   格式   href   TE   文档   图片   

原文地址:https://www.cnblogs.com/xsg1/p/9189413.html

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