任务五~HTML2

一、样式有几种引入方式? link 和 @import有什么区别?

  1. css样式引入方式有三种方式,分别是:
  • 外部样式表,大多数页面共有的,公用的多用外部样式表,用法如下图红色方框所围代码
    任务五~HTML2_第1张图片
    css外部样式表
    • link标签放在head之间
    • href属性表示css外部样式表所在地
    • rel属性指定了HTML文件与所链接文件之间的关系,这里链接到的是样式表,所以这里属性值为stylesheet
    • 在HTML5中,css成为HMTL5的标准样式,即默认样式,所以type可以不写
    • 还有一种在css文件里再引用的写法@inport url()
  • 内部样式表,某些页面只有少许的css可以使用内部样式表,用法如下图红色方框所围代码
    任务五~HTML2_第2张图片
    css内部样式表
    • style标签放在head之间
    • style标签内css写法同在css文件里一样
  • 内联样式,用法如下图红色方框所围代码
    任务五~HTML2_第3张图片
    css内联样式
  1. javascript引入方式有两种方式,分别是:
  • 外部JS,用法如下图红色方框所围代码
    任务五~HTML2_第4张图片
    外部JS

你可能感兴趣的:(任务五~HTML2)