您的位置:首页 > Web前端 > CSS

CSS引入的方式有哪些?

2014-03-07 17:38 197 查看
(本文章是翻阅各个书籍得出精选内容,作者只是归类其中与问题一样)

看到国内各大知名公司在面试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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: