css的三种导入方式
1.行内样式----在标签元素中,编写一个style属性,编写样式即可
2.内部样式----直接在HTML中写
运用style方法
语法: 选择器{ 声明1; 声明2;
3.外部样式---HTML和css分开
拓展:外部样式两种写法:
1.链接式:link
<link rel="stylesheet" href="css/style.css">2.
2.导入式(较少用):@import
link和import区别:
1.link是HTML标签,只能在HTML源代码中使用,import可看做是css样式,只使用时要style标签
2.link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。所以会出一开始没有css样式,闪烁一下出现样式后的页面(网速慢的情况下)
3.link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。
三种样式优先级:就近原则(谁离代码最近)