<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
div{
font: "微软雅黑";
font-size: 100px;
}
</style>
<link rel="stylesheet" href="css/index.css" />
</head>
<body>
<span style="font-family: '华文行楷';">河南工业大学</span>
<div id="dix">河南工业大学</div>
<h1 class="a">河南工业大学</h1>
<h2 id="c">郑州大学</h2>
<!--
CSS定义位置：1.以标签属性的方式定义在标签中
2.定义在style标签内部
3.定义在CSS文件中
CSS语法：声明 属性名 ： 属性值；
样式属性值：样式属性值有空格，则需要使用引号或单引号引起来
样式属性值有多个，逗号分隔
样式属性值不区分大小写
-->
<!--
选择器：浏览器为满足条件的HTML元素添加CSS样式
id选择器
-->
<style>
/**
* id选择器：以id标签属性的属性值为选择器，页面属性的id与该id进行匹配
*/
#dix{
font: "微软雅黑";
}
/**
*class选择器，：以class标签属性的属性值为选择器
*/
.a{
font-size: 100px;
}
/**
* 标签选择器
*/
div{
font: "微软雅黑";
font-size: 100px;
}
/**
* 后代选择器，通过父级，子级，层层选择
*/
html body #dix{
background-color: red;
}
/**
* 分组选择器，如果不同id和class有相同的CSS样式，那么就可以使用该选择器
*/
#c,.a{
}
/**
* 通配符选择器：适合于整个页面
*/
*{
margin: 0px;
padding: 0px;
}
</style>
</body>
</html>
4858
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
