CSS引入的方式有哪些?

(本文章是翻阅各个书籍得出精选内容,作者只是归类其中与问题一样)

看到国内各大知名公司在面试WEB前端时,出现这问题的几率特别多,

本人秉着试着做题的想法,确实发现小问题有大文章,各位看官听我细细道来:

首先,在网页中使用css的方法是由三种的,分别适用于不用的场合,同时每种方法之间存在着差别,也具有不同的优势。

    (1)元素内部的css

    (2)元素头部的css

    (3)元素外部的css

1,元素内部的css样式

元素内部的css样式有时无法明显,结构如下:

<元素名称 style=“属性:属性值”></元素名称>

在元素中直接使用css样式,是通过style属性实现的,其中,style属性定义的css样式的语法结构和独立样式表中完全相同。

2,元素头部的css样式

从页面头部调用css,是将css写在页面的head元素中,然后通过相应的样式名称大道在页面中调用的样式目的。

<style>

选择符{属性:属性值}

</style>

页面的所有样式都可以写在<style></style>之间的

3,外部调用的css样式

采用外部调用的css可以单独保存,便于后期的修改和处理。采用链接的形式调用css通常有两种写法

<link rel="stylesheet"  herf="css文件路径"  tyle="text/css"/>

<style  tyle="text/css"><@import url(css 文件路径);/>

使用@import的调用和使用link的调用区别在于:

@import的调用方法只能在样式文件中或者style元素中才能正常使用;link元素调用的样式文件中,依然可以使用@import来在此调用其他样式的文件。


在三种方法的优先级分别是: 1 > 2 > 3



  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值