首页 > Web开发 > 详细

CSS引用方式

时间:2018-06-16 00:37:36      阅读:226      评论:0      收藏:0      [点我收藏+]

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引用方式

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!