11.8
li{
color: red;
}
#li3{
background: green;
color: red;
}
.aaa{
background: pink;
color: purple;
}
li{
color: lightblue, !important;
}
/*css优先级：
1.后来者居上，越往后越说了算；
2.id>标签,class>标签,id>class
3. !important优先级最最高，不到迫不得已不要用*/
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>
</title>
<!-- css:层叠样式表
特点：
1继承性，继承父级的某些样式
2层叠性，可被后来者覆盖 -->
<link rel="stylesheet" type="text/css" href="css/main.css">
<style type="text/css">
/*头部样式表*/
ul{
background: yellow;
</style>
</head>
<body>
<div style="width: 100px; height: 100px;background: lightblue;"></div>
<!-- 行内样式表，极差，不允许使用 -->
<ul>
<li>aaaaa</li>
<li class="aaa">bbbbb</li>
<li id="li3">ccccc</li>
<li class="aaa">ddddd</li>
<li>eeeee</li>
</ul>
</body>
</html>
!DOCTYPE html>
<html><!-- 开标签 -->
<head><!-- 头部 -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- meta是元标签，无实际意义，等号左边是属性，右边是属性值
chatset：编码格式
utf-8：几乎包涵了两百多种语言里的所有字符 -->
<!-- GB-2312国家标准
GBK国家标准扩展包 -->
<title>hello world</title>
</head>
<body><!-- 主体 -->
<div>无实意标题</div>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<p>段落标签</p>
<img src="https://s3.bmp.ovh/imgs/2021/11/545137441ff6bfc6.jpg">
<input type="text" name="">
<input type="number" name="">
<input type="password" name="">
<input type="radio" name="gender">男
<input type="radio" name="gender">女
<br>
兴趣爱好：
<input type="checkbox" name="">玩游戏
<input type="checkbox" name="">睡觉
<input type="checkbox" name="">学习
<ul type="square">
<!-- 无序列表 -->
<li>aaaaa</li>
<li>bbbbb</li>
<li>ccccc</li>
</ul>
<ol>
<li>aaaaa</li>
<li>bbbbb</li>
<li>ccccc</li>
</ol>
<a href="https://www.baidu.com/">百度一下</a>
</body>
</html><!-- 闭标签 -->
1.B/S架构
B是browser（浏览器也被称为客户端） 包括所有浏览器网页，移动app，小程序等等，S是serve（服务器），B端发起请求，S端收到请求后会把对应的信息发送给B端，B端拿到信息或者代码后，由浏览器进行解析。
浙公网安备 33010602011771号