3,css引入方式有哪些,常应用哪里?不同引入方式的优势与劣势有哪些
常用的三种:1、页面中引入样式表文件,在单独的样式表css文件中编写样式代码,引入方式如下:然后在style.css文件中编写样式。这种最常用,优点是方便管理,样式统一,代码精简,用于全站统一样式。2、在Html头部(head)中用包起来,在这里面编写样式代码,如下:这种一般用于单页面或单独的专题页面,如果用于全站,增加页面代码,浪费流量,也不利于改版。3、在标签里面直接编写行内样式,这种是最不常用的:
这类最少用,会使页面结构混乱,代码臃肿,后期维护成本增加。
css样式应用范围分别分为内部样式和外部样式
CSS样式的应用范围分为三种:内联样式、内部样式和外部样式。
1. 内联样式:在HTML标签的style属性中直接添加CSS样式。这样的样式只作用于当前标签,优先级最高。
2. 内部样式:在HTML的<head>标签中使用<style>标签定义CSS样式。内部样式作用于当前HTML文件中的所有标签,但优先级低于内联样式。
3. 外部样式:将CSS样式写入一个外部的CSS文件(.css),然后在HTML文件中使用<link>标签将CSS文件引入。外部样式作用于所有引入该CSS文件的HTML文件中的标签,优先级最低。外部样式的优点是可以实现样式的复用,方便维护。