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
看到国内各大知名公司在面试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
相关文章推荐
- 引入CSS的方式有哪些?link和@import的有何区别应如何选择【转载】
- CSS引入的方式有哪些? link和@import的区别?
- 引入CSS的方式有哪些?link和@import的有何区别应如何选择
- css引入的方式有哪些?link和@import的区别?
- css引入方式有哪些?Link和@import有什么区别?
- CSS引入的方式有哪些? link和@import的区别是?
- 引入CSS的方式有哪些?link和@import的有何区别应如何选择
- CSS引入的方式有哪些? link和@import的区别是?
- CSS引入的方式有哪些? link和@import的区别是?
- CSS优先级算法如何计算?有哪些判定规定及计算方式
- 2CSS层叠规则(即引入CSS的三种不同方式的优先级)
- 初学者之CSS学习(一)CSS的四种引入方式
- 引入css的方法有哪些? 不仅仅是外部引用,内部引用,等
- 前端基础----CSS语法、CSS四种引入方式、CSS选择器、CSS属性操作
- 兼容IE的CSS的”引入方式“
- html引入css文件和js文件方式
- 蓝鸥Web开发:初识div + css引入方式
- 引入CSS的三种方式
- CSS引入方式的区别详解
- 引入css的方式