前端

#B/S架构

B是browser（浏览器也被称为客户端）包括所有浏览器网页，移动app，小程序等等，S是serve（服务器），B端发送请求，S端收到请求后会把对应的信息发送到B端，B端拿到信息或者代码后，由浏览器进行解析。

HTML基础标签

​
<!DOCTYPE html>
<!-- HTML5的标识，告诉浏览器是一个HTML5的页面，请按照解析HTML5的方式解析 -->
<html><!-- 前开、后闭标签 -->
<head>
    <meta charset="utf-8">
 <!-- ↑ 元标签 -->
 <!-- charset:编码格式 -->
 <!-- utf-8:几乎包含200多种语言的所有字符 -->
<!-- GBK国家标准扩展包 -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>hello，wold</title>
</head>
<body><!-- 主体 -->
<div>无实际意义标签</div>
<h1>一级标题</h1>
<h2>二级标题</h2>   
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<p>段落标签</p>
<img src="http://cms-bucket.ws.126.net/2021/1101/30942773j00r1vh8c00pec001e000goc.jpg" width="1519" height="506.3333333333333" onload="fixSharePos()">
<input type="text" name="">
<input type="number" name="">
<input type="password" name="">
<br>性别：
<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"><!-- circle -->
<!-- 无序列表 -->
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
</ul>
<ol type="a"><!-- A,i,I -->
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
</ol>
<a href="https://www.baidu.com">百度
</body>
</html>

css基础

​
<!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>
​
li{
    color: red;
}
#li3{
    background: green;
    color: purple;
}
.aaa{
    background: pink;
    color: purple;
}
li{
    color: lightblue ！important;
}
/*css优先级：
    1.后来者居上，越往后越说了算
    2.id>class>标签
    3.  !important优先级是最最高，不到最迫不得已不要用
    4.头部样式和外部样式
*/

 

 

posted @ 2021-11-08 10:55  大木登子  阅读(263)  评论(0)    收藏  举报