<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS实例第一天</title>
<style>
li {
list-style-type: none;
}
/*HTML的选择器*/
h1 {
color: red
}
h3 {
color: antiquewhite
}
li {
color: blueviolet
}
/*类选择器*/
.cc {
color: red
}
</style>
<style type="text/css">
li {
float: left;
margin-left: 4px
}
</style>
</head>
<body>
<div id="app">
<h1 class="cc">CSS的常用选择器（选择符)</h1>
<h1 style="left: 100px;top:100px;display: inline-block;position: absolute">盒子</h1>
<h3 id="hid">什么是CSS?</h3>
<u1>
<li>A1</li>
<li class="cc">A1</li>
<li class="cc dd">B2</li>
<li class="dd">C3</li>
</u1>
<span class="sc" id="sid">CSS常用选择器</span>
<h4>插入样式表的方法有三种：</h4>
<ol>
<li>外部样式表（External style sheet)</li>
<li>内部样式表（Internal style sheet)</li>
<li>内部样式表(Inline style)</li>
</ol>
<ul>
<li><a href="demo.html"> HTML实例</a></li>
<li><a href="demo2.html">CSS实例</a></li>
</ul>
</div>
</body>
</html>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<script>
var vm = new Vue({
el: '#app',
data: { },
methods: {},
})
</script>
浙公网安备 33010602011771号