初识css

一.引入样式

1.行内样式表
<h1 style="color: red;font-size: 18px;">10-30</h1>

2.内部样式表(在head标签里面,title标签下面)
<style type="text/css">
h2{
color: yellow;
font-size: 20px;
}
</style>
优点
方便在同页面中修改样式
缺点
不利于在多页面间共享复用代码及维护，对内容与样式的分离也不够彻底

3.外部样式表
嵌入式
<link href="../css/index.css" rel="stylesheet" type="text/css"/>
导入式
<style type="text/css">
@import "../css/index.css";
</style>
嵌入式和导入式的区别：
1.<link/>标签属于XHTML，@import是属于CSS2.1
2.使用<link/>链接的CSS文件先加载到网页当中，再进行编译显示
3.使用@import导入的CSS文件，客户端显示HTML结构，再把CSS文件加载到网页当中
4.@import是属于CSS2.1特有的，对不兼容CSS2.1的浏览器是无效的

4.样式优先级
行内>内部>外部
就近原则

二.基本选择器

1.标签选择器(通过标签名称定位)
h2{
color: red;
}

转载于:https://www.cnblogs.com/wws553/p/9934737.html