(本文章是翻阅各个书籍得出精选内容,作者只是归类其中与问题一样)
看到国内各大知名公司在面试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