css样式预习
@import url (import.css);
<!--
链接式是通过HTML标签的标签,将外部样式表文件连接到HTML文档中,这是用的最多的方式,同时也是最实用的方式,这种方法将HTML文件与CSS文件完全隔离,实现结构层和表示层的彻底分离,增加网页结构的拓展性和css样式可维护性。
-->
<!--
css的样式包含两种:“选择器和声明规则”
选择器作用:告诉我们该样式将作用于那些对象,可以是某个标签 所有网页对象 指定Class或者ID值等
声明必须包括两个部分:属性和属性值,并用分号;隔开来表示一个声明的结束
-->
/* 内嵌式通过将css写在网页源文件头部,即在与之间,通过使用HTML标签中的标签将其包围,特点:样式只能在此网页使用,解决行内样式多次书写弊端 */
body{
font-size: 12px;/* 定义网页字体大小12像素,字体颜色红色 */
color: red;
}
p{
background-color: darkmagenta;/* 定义段落背景颜色为紫色 */
}
\
我是一个段落
h2标题元素
第一个链接式样式
第二个链接样式
导入样式
<!-- 导入样式的六种书写方式
1:@import import.css;
2: @import 'import.css';
3: @import "import.css";
4: @import url (import.css);
5: @import url ('import.css');
6: @import url ("import.css");
-->