CSS基础入门

news2025/8/2 17:37:34

CSS基础入门

1.官方文档

1.CSS 指的是层叠样式表* (Cascading Style Sheets)

2.地址: https://www.w3school.com.cn/css/index.asp

2.为什么需要 CSS

1.在没有 CSS 之前，我们想要修改 HTML 元素的样式需要为每个 HTML 元素单独定义样式属性，费心费力。所以 CSS 就出现了。

2.使用 CSS 将 HTML 页面的 内容与样式分离提高 web 开发的工作效率(针对前端开发)

3.CSS 可以让 html 元素(内容) + 样式(CSS)分离，更好的控制页面

image-20221118105043312

3.CSS快速入门

1.应用实例 simple_css.html, 使用 css 完成下面页面

  1. 需求: 创建simple_css.html 完成如下网页显示
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css 快速入门</title>

    <!-- 说明
        1. 在 head 标签内，出现了 <style type="text/css"></style>
        2. 表示要写 css 内容
        3. div{} 表示对 div 元素进行样式的指定
        4. width: 300px(属性); 表示对 div 样式的具体指定, 可以有多个
        5. 如果有多个，使用; 分开即可, 最后属性可以没有; 但是建议写上
        6. 当运行页面时，div 就会被 div{} 渲染，修饰
		7. 小经验：在调试 css 时，可以通过修改颜色，或者大小来看
		8. css 的注释是 /* */ ,快捷键 ctrl+/
        -->
    <style type="text/css">
        div{
            width: 300px;
            height: 100px;
            background-color: aquamarine;
        }

    </style>
</head>
<body>
<div>hello, 北京</div>
<br/>
<div>hello, 上海</div>
<br/>
<div>hello, 天津</div>
</body>
</html>

image-20221118110815260

4.CSS 语法

1.CSS 语法可以分为两部分： (1)选择器 (2)声明

2.声明由属性和值组成，多个声明之间用分号分隔

image-20221118111353253

3.说明：最后一条声明可以不加分号(建议加上)

4.一般每行只描述一个属性

5.CSS 注释：/*注释内容*/, 类似 java

5.常用样式-字体颜色

1.介绍

颜色可以写颜色名 比如 green，也可以写 rgb 值(三原色) 比如 rgb(200,200,200)和十六进制表示
值 比如 #708090

image-20221118105403527

2.应用实例 color.html

1.修改 color.hml, 完成如下页面.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>颜色</title>
    <style type="text/css">
        /*
            说明:
            颜色可以写颜色名 比如 green，
            也可以写 rgb 值 比如 rgb(200,200,200)
            和十六进制表示值 比如 #708090
            color: rgb(255, 222, 1); //color: #ff7d44; //color: red;
         */
        div {
            /*有三种方式，指定颜色
                1. 英文
                2. 16进制 #ff7d44 [使用最多]
                3. 三原色 rgb(1,1,1)
            */
            color: #ff7d44;
        }
    </style>
</head>
<body>
<div>css 颜色字体</div>
</body>
</html>

image-20221118111949607

6.常用样式-边框 border

1.应用实例 border.html

1.修改 border.html, 完成如下页面.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>边框</title>
    <style type="text/css">
        div {
            /*具体的像素*/
            width: 300px; 
            height: 100px;
            /*border表示边框 dashed表示虚线 blue表示蓝色*/
            border: 1px dashed blue;
        }
    </style>
</head>
<body>
<div>css border</div>
</body>
</html>

image-20221118112315033

7.常用样式-宽度 width/高度 height

1.介绍

宽度/高度像素值：100px； 也可以是百分比值：50%；

2.应用实例，看前面案例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>边框</title>
    <style type="text/css">
        div {
            /*width: 300px; 具体的像素*/
            width: 50%; /*百分比*/
            height: 100px;
            /*border表示边框 dashed表示虚线 blue表示蓝色*/
            border: 1px dashed blue;
        }
    </style>
</head>
<body>
<div>css border</div>
</body>
</html>

image-20221118112218998

8.常用样式-背景颜色

1.应用实例 bg.html

1.需求: 编写代码，修改 bg.html 显示如下网页.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>背景</title>
    <style>
        div {
            width: 200px;
            height: 100px;
            background-color: #ff7d44;
        }
    </style>
</head>
<body>
<div>css backgroundcolor</div>
</body>
</html>

image-20221118112447944

9.常用样式-字体样式

1.介绍

  1. font-size: 指定大小，可以按照像素大小
  2. font-weight : 指定是否粗体
  3. font-family : 指定类型

2.应用实例 font-style.html

  1. 需求, 修改 font-sytle.html , 显示如下网页

image-20221118112537537

  1. 代码实现
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字体样式</title>
    <style type="text/css">
        /*
            说明:
            1. font-size: 指定大小，可以按照像素大小
            2. font-weight : 指定是否是粗体
            3. font-family : 指定字体类型
         */
        div {
            border: 1px solid black;
            width: 300px;
            font-size: 40px;
            font-weight: bold;
            font-family: 华文新魏;
        }
    </style>
</head>
<body>
<div>css 字体样式</div>
</body>
</html>

10.常用样式-DIV 居中

1.应用实例 div-center.html

  1. 需求，修改 div-center.html, div 居中效果

image-20221118112828462

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>div居中显示</title>
    <style type="text/css">
        /*
            说明:
            1. font-size: 指定大小，可以按照像素大小
            2. font-weight : 指定是否是粗体
            3. font-family : 指定字体类型,前提是电脑上安装有响应的字体
            4. margin-left margin-right 如果设置为auto, 表示左右居中
         */
        div {
            border: 1px solid black;
            width: 300px;
            font-size: 40px;
            font-weight: bold;
            font-family: 微软雅黑;
            margin-left: auto;
            margin-right: auto;
        }
    </style>
</head>
<body>
<div>css 字体样式 div居中显示</div>
</body>
</html>

11.常用样式-文本居中

1.应用实例 text-center.html

1.需求，修改 text-center.html , 显示如下网页

image-20221118113028984

2.代码实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本居中显示</title>
    <style type="text/css">
        /*
            说明:
            1. font-size: 指定大小，可以按照像素大小
            2. font-weight : 指定是否是粗体
            3. font-family : 指定字体类型
            4. margin-left margin-right 如果设置为auto, 表示左右居中
            5. text-align: center 表示文本居中
         */
        div {
            border: 1px solid black;
            width: 300px;
            font-size: 40px;
            font-weight: bold;
            font-family: 华文新魏;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }
    </style>
</head>
<body>
<div>文本内容居中显示</div>
</body>
</html>

12.常用样式-超链接去下划线

1.应用实例 link_none.html

1.需求，修改 link_none.html, div 居中效果

image-20221118113135992

2.代码实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接去掉下划线</title>
    <!--
        1. decoration 修饰
    -->
    <style type="text/css">
        a {
            text-decoration: none;
        }
    </style>
</head>
<body>
<a href="http://www.baidu.com">点击到百度</a>
</body>
</html>

13.常用样式-表格细线

1.应用实例 table-collapse.html

1.需求，修改 table-collapse.html, 实现如下效果

image-20221118105853395

2.代码实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格细线</title>
    <style type="text/css">
        /*
        	table, tr, td组合选择器
            设置边框 : border: 1px solid black
            将边框合并: border-collapse: collapse;
            指定宽度： width
            设置边框： 给 td, th 指定即可 border: 1px solid black;

            说明
            1. table, tr, td 表示组合选择器
            2. 就是table 和 tr 还有 td ,都用统一的样式指定, 可以提高复用性·
         */
        table, tr, td {
            width: 300px;
            border: 1px solid black;
            border-collapse: collapse;
        }
    </style>
</head>
<body>
<table>
    <tr>
        <!--占三列-->
        <td align=center colspan="3">星期一菜谱</td>
    </tr>

    <tr>
        <!--占两行-->
        <td rowspan=2>素菜</td>
        <td>青草茄子</td>
        <td>花椒扁豆</td>
    </tr>
    <tr>
        <td>小葱豆腐</td>
        <td>炒白菜</td>
    </tr>
    <tr>
        <td rowspan=2>荤菜</td>
        <td>油闷大虾</td>
        <td>海参鱼翅</td>
    </tr>
    <tr>
        <td>红烧肉</td>
        <td>烤全羊</td>
    </tr>
</table>

</body>

</html>

14.常用样式-列表去修饰

1.应用实例 ul-none.html

1.需求，修改 ul_none.html, 完成如下网页显示

image-20221118122219866

2.代码实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表去修饰</title>
    <style type="text/css">
        ul {
            /*说明:list-style:none表示去掉默认的修饰*/
            list-style: none;
        }
    </style>
</head>
<body>
<ul>
    <li>三国演义</li>
    <li>红楼梦</li>
    <li>西游记</li>
    <li>水浒传</li>
</ul>
</body>
</html>

15.CSS 使用三种方式

1.方式 1：在标签的 style 属性上设置 CSS 样式

1.应用实例 修改 1.use-css-style.html , 看使用效果

image-20221118122307142

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>在标签的 style 属性上设置CSS样式</title>
</head>
<body>
<div style="width: 300px;height: 100px;background-color: red">hello, 北京</div>
<br/>
<div style="width: 300px;height: 100px;background-color: red">hello, 上海</div>
<br/>
<div style="width: 300px;height: 100px;background-color: red">hello, 天津</div>
<br/>
</body>
</html>
  1. 问题分析
  • 标签多了。样式多了，代码量庞大
  • 可读性差
  • CSS 代码没有复用性

2.方式 2：在 head 标签中，使用 style 标签来定义需要的 CSS 样式

1.应用实例 修改 2.use-css-style.html , 看使用效果

image-20221118122616416

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>在 head 标签中，使用 style 标签来定义需要的 CSS 样式</title>
    <style type="text/css">
        div {
            width: 300px;
            height: 100px;
            background-color: beige;
        }
        span {
            border: 1px solid red;
        }
    </style>
</head>
<body>
<div>hello, 北京</div>
<br/>
<div>hello, 上海</div>
<br/>
<span>hello, span</span>
</body>
</html>

问题分析

  • 只能在同一页面内复用代码维护不方便，
  • 实际项目中会有很多页面，需要到对应页面去修改。工作量大

image-20221118110124265

3.方式 3：把 CSS 样式写成单独的 CSS 文件，再通过 link 标签引入

1.应用实例 创建 test.css 和 修改 3.use-css-style.html , 演示使用

image-20221118122719891

div {
    width: 200px;
    height: 100px;
    background-color: red;
}
span {
    border: 2px dashed blue;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>引入外部的css文件</title>
    <!--
        1. rel : relation 关联
        2. href 表示要引入的css文件的位置，可以是web的完整路径
        3. type="text/css" 可以有，也可以不写
        4. 推荐使用第3种
    -->
    <link rel="stylesheet" href="./css/my.css" />
</head>
<body>
<div>hello, 北京~</div>
<br/>
<div>hello, 上海</div>
<br/>
<span>hello, span</span>
</body>
</html>

2.第三种方式是我们推荐使用的.

16.CSS 选择器

1.CSS 元素选择器

  1. 最常见的 CSS 选择器是元素选择器。换句话说，文档的元素就是最基本的选择器。
  2. CSS 元素/标签选择器通常是某个 HTML 元素， 比如 p、h1、a div 等
  3. 比如:

image-20221118110220604

  1. 应用实例 修改 element-selector.html

2.ID 选择器

  1. id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
  2. id 选择器以 “#” 来定义。
  3. 比如:

image-20221118110243083

  1. 应用实例 修改 id-selector.html, 演示使用

    image-20221118122837486

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>id 选择器</title>
    <!-- 
        说明
        1. 使用id选择器，需要先在要修饰元素指定id属性, id值是程序员自己指定
        2. id是唯一的，不能重复
        3. 在<style> 标签中指定id选择器时，前面需要有 #id值
    -->
    <style type="text/css">
        #llp {
            color: gold;
        }
        #css2 {
            color: green;
        }
    </style>
</head>
<body>
<h1 id="llp">llp</h1>
<p id="css2">hello, world~</p>
</body>
</html>

3.class 选择器（类选择器）

  1. class 类选择器，可以通过 class 属性选择去使用这个样式
  2. 基本语法

image-20221118110311598

  1. 应用实例 修改 class-selector.html,演示如何使用

image-20221118122954425

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>类选择器</title>
    <!-- 
    1. 使用class选择器，需要在被修饰的元素上，设置class属性,属性值程序员指定
    2. class属性的值，可以重复
    3. 需要在 <style></style> 指定类选择器的具体样式, 前面需要是 .类选择器名称
    -->
    <style type="text/css">
        .css1 {
            color: red;
        }
        .css2 {
            color: sandybrown;
        }
    </style>
</head>
<body>
<div class="css1">llp</div>
<div class="css1">llp1110</div>
<p class="css2">hello, world~</p>
</body>
</html>

4.组合选择器

  1. 组合选择器可以让多个选择器共用同一个 css 样式代码
  2. 语法格式

image-20221118110336807

  1. 应用实例 修改 all-selector.html, 演示如何使用

image-20221118123140699

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        /*
        组合选择器的基本语法:
        选择器 1，选择器 2，选择器 n{ 属性：值; }
        */
        .class01,#id01 {
            width: 300px;
            height: 100px;
            border: 2px solid red;
        }
    </style>
</head>
<body>
<div class="class01">llp1110</div>
<p id="id01">hello, world~</p>
</body>

5.优先级说明

行内样式 > ID 选择器 > class 选择器 > 元素选择器

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/16089.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

手把手教你如何编写一个Makefile文件

手把手教你如何编写一个Makefile文件

一、概念理解&#xff08;彩蛋藏在某个地方&#xff09; 1.1 什么是Makefile&#xff1f; C语言中&#xff0c;我们使用visual studio开发软件时候&#xff0c;写程序开始时候都会创建一个project项目文件&#xff0c;然后在文件里面编译 .h 和 .c 的文件。在Linux中&#xf…
阅读更多...
给大家免费发布几款苹果CMSv10模板影视主题，附带教程和演示截图

给大家免费发布几款苹果CMSv10模板影视主题，附带教程和演示截图

苹果CMS是优秀的开源PHP建站系统,在主流建站系统中特色鲜明,以灵活、小巧、兼容性好、负载强等优点而深受许多站长的喜爱。 很多人在运营苹果cms站点都会找模板&#xff0c;下面博主给大家推荐几款免费并且简约的模板&#xff0c;其实个人认为模板这东西不需要买太贵的&#xf…
阅读更多...
编译安装LAMP架构搭建wordpress个人博客和discuz论坛——编译安装基于 FASTCGI 模式LAMP架构多虚拟主机WEB应用

编译安装LAMP架构搭建wordpress个人博客和discuz论坛——编译安装基于 FASTCGI 模式LAMP架构多虚拟主机WEB应用

文章目录1 实验目标2 环境准备3 实现步骤3.1.1 二进制安装3.1.2为wordprss和discuz应用准备数据库和用户帐号3.2 编译安装 httpd 2.43.3 编译安装 fastcgi 方式的 php 7.43.4 修改配置 httpd 支持 php-fpm3.5 准备wordpress和discuz! 相关文件3.6 测试访问3.7 安装成功1 实验目…
阅读更多...
MySQL高级篇知识点——其它数据库日志

MySQL高级篇知识点——其它数据库日志

目录1.其他数据库日志1.1.日志类型1.2.日志的弊端2.慢查询日志 (slow query log)3.通用查询日志 (general query log)3.1.问题场景3.2.查看当前状态3.3.启动日志3.4.查看日志3.5.停止日志3.6.删除/刷新日志4.错误日志 (error log)4.1.启动日志4.2.查看日志4.3.删除/刷新日志5.二…
阅读更多...
Glide图片框架源码解析

Glide图片框架源码解析

一、Glide几个基本概念 Model 表示数据的来源&#xff1b;加载图片的时候需要告诉Glide从哪获取这个图片&#xff0c;可以是url类型、本地文件类型、资源ID类型。不管什么类型&#xff0c;Glide都将其称为Model。 Data 从数据源中获取到model之后&#xff0c;把它加工成原始数…
阅读更多...
java.swing 飞机大战小游戏

java.swing 飞机大战小游戏

上午没事刷到网上最近炒热了一些简单的小游戏和爱心代码&#xff0c;单身8个月了&#xff0c;对爱心代码不是很感冒&#xff0c;所以想蹭个热度&#xff0c;写一个飞机大站来玩玩。 首先&#xff0c;分析小游戏需要那些技术与怎么设计&#xff1a; 窗体&#xff0c;因为是jav…
阅读更多...
Python如何使用PyMySQL连接数据库

Python如何使用PyMySQL连接数据库

1&#xff1a;为什么要连接数据库呢&#xff1f; 做接口自动化测试的时候&#xff0c;我们需要校验数据是否正常入库&#xff0c;数据是否正确&#xff0c;来做断言处理&#xff1b;有的时候需要修改数据&#xff0c;去执行其他场景的测试用例&#xff1b;有的时候需要删除数据…
阅读更多...
DOX-HSA/HGB/FITC/Glu人血清蛋白/血红蛋白/荧光素/葡萄糖修饰阿霉素

DOX-HSA/HGB/FITC/Glu人血清蛋白/血红蛋白/荧光素/葡萄糖修饰阿霉素

小编今天分享给大家的科研知识是DOX-HSA/HGB/FITC/Glu人血清蛋白/血红蛋白/荧光素/葡萄糖修饰阿霉素&#xff0c;来看&#xff01; DOX-HSA人血清蛋白偶联阿霉素相关&#xff1a; 采用阿霉素(Doxorubicin,DOX)与人血清白蛋白(HSA)经化学交联获得的偶联物。本品经过滤,溶于PBS…
阅读更多...
Chapter4 利用机器学习解决分类和回归问题

Chapter4 利用机器学习解决分类和回归问题

目录 4.1 机器学习和神经网络基本概念 4.1.1 感知器 4.1.2 前向传播 4.1.3 反向传播 4.1.4 过拟合和欠拟合 4.2 利用神经网络解决回归问题 4.2.1 问题介绍 4.2.2 利用pytorch解析数据 4.2.2 利用pytorch定义网络结构 4.2.3 开始训练 4.2.4 将模型进行保存 4.3 利用p…
阅读更多...
云中马在A股上市：总市值约为40亿元，叶福忠为实际控制人

云中马在A股上市：总市值约为40亿元，叶福忠为实际控制人

11月18日&#xff0c;浙江云中马股份有限公司&#xff08;下称“云中马”&#xff0c;SH:603130&#xff09;在上海证券交易所主板上市。本次上市&#xff0c;云中马的发行价为19.72元/股&#xff0c;发行数量为3500万股&#xff0c;募资总额约为6.90亿元&#xff0c;募资金额约…
阅读更多...
码农必备？清华大学开源了一款写代码神器。。。

码农必备？清华大学开源了一款写代码神器。。。

程序员宝藏库&#xff1a;https://gitee.com/sharetech_lee/CS-Books-Store 提升程序员编码效率&#xff0c;是一个经久不衰的话题&#xff0c;从最初用纯文本编辑器到后来代码自动补全&#xff0c;再到后来基于AI智能补全代码&#xff0c;开发者效率的确在不断提升。 关于新工…
阅读更多...
这就是程序员眼中的函数吗？（一）

这就是程序员眼中的函数吗？（一）

小叮当的任意门1. 函数是什么&#xff1f;2. C语言中的函数分类1. 库函数2. 自定义函数3. 函数的参数1. 实际参数&#xff08;实参&#xff09;2. 形式参数&#xff08;形参&#xff09;4. 函数的调用1. 传值调用2. 传址调用练习1. 写一个函数可以判断一个数是不是素数三级标题…
阅读更多...
5分钟实现「视频检索」：基于内容理解，无需任何标签

5分钟实现「视频检索」：基于内容理解，无需任何标签

Notebook 教程&#xff1a;text-video retrieval 「视频检索」任务就是输入一段文本&#xff0c;检索出最符合文本描述的视频。随着各类视频平台的兴起和火爆&#xff0c;网络上视频的数量呈现井喷式增长&#xff0c;「视频检索」成为人们高效查找视频的一项新需求。传统的视频…
阅读更多...
Matlab点云处理及可视化第1期—基于KD树的邻域点搜索(柱状邻域、球状邻域及KNN)

Matlab点云处理及可视化第1期—基于KD树的邻域点搜索(柱状邻域、球状邻域及KNN)

目录 1 概述 2 代码实现 3 可视化验证 数据及完整代码获取方式&#xff1a; 观前提示&#xff1a;本文文字内容请勿直接用于论文写作&#xff0c;否则后果自负。 特别提示&#xff1a;《Matlab点云处理及可视化》系列文章旨在为初入点云处理领域的朋友提供一份较为权威、可…
阅读更多...
MR直播(混合现实直播)做一场高品质企业培训

MR直播(混合现实直播)做一场高品质企业培训

阿酷TONY / 2022-11-18 / 长沙 MR&#xff0c;是英文Mixed Reality两个单词的缩写&#xff0c;中文翻译为混合现实。 MR混合现实直播技术是通过在现实环境中引入虚拟场景信息&#xff0c;增强用户体验的真实感&#xff0c;具有真实性、实时互动性等特点。 MR直播解决方案是深…
阅读更多...
基于springboot农产品交易平台的设计与实现

基于springboot农产品交易平台的设计与实现

摘 要 随着科学技术的飞速发展&#xff0c;各行各业都在努力与现代先进技术接轨&#xff0c;通过科技手段提高自身的优势&#xff1b;对于特色农产品电商平台 当然也不能排除在外&#xff0c;随着网络技术的不断成熟&#xff0c;带动了特色农产品电商平台&#xff0c;它彻底…
阅读更多...
软件需求分析——需求的理论基础

软件需求分析——需求的理论基础

如果有兴趣了解更多相关内容&#xff0c;可以来我的个人网站看看&#xff1a;瞳孔空间 一&#xff1a;需求的涵义 研究对象&#xff1a;软件加强型系统中的软件 软件加强型系统&#xff1a;泛指由计算机技术支持的互相联系着的一组人类活动组成的系统。与物理设备和人类社会…
阅读更多...
linux网络协议栈源码分析 - 传输层(TCP的输出)

linux网络协议栈源码分析 - 传输层(TCP的输出)

1、TCP write系统调用(tcp_sendmsg) 1.1、write系统调用 socket的write系统调用栈: write最终调用tcp_sendmsg发送消息。 1.2、tcp_sendmsg报文分段 tcp_sendmsg主要是对用户的消息按MSS进行分段、添加到发送队列并将用户数据拷贝到分段里面&#xff0c;根据相关判断设置PSH标…
阅读更多...
[附源码]SSM计算机毕业设计超市收银系统论文JAVA

[附源码]SSM计算机毕业设计超市收银系统论文JAVA

项目运行 环境配置&#xff1a; Jdk1.8 Tomcat7.0 Mysql HBuilderX&#xff08;Webstorm也行&#xff09; Eclispe&#xff08;IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持&#xff09;。 项目技术&#xff1a; SSM mybatis Maven Vue 等等组成&#xff0c;B/S模式 M…
阅读更多...
学生台灯是灯管的好还是led的好？分享学生专用台灯第一品牌

学生台灯是灯管的好还是led的好？分享学生专用台灯第一品牌

给学生使用的话肯定是led灯更好的&#xff0c;主要是对眼睛有保护作用的&#xff0c;灯管一般当做主要照明灯具是可以的&#xff0c;在家中客厅里&#xff0c;卧室就是灯管&#xff0c;使用led灯是想要补足亮度的&#xff0c;全光谱的国AA级台灯&#xff0c;更健康、更适应人类…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023