CSS引用方式

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里;

猜你喜欢

转载自www.cnblogs.com/xsg1/p/9189413.html