案例html css
【十一】JavaScript之案例-todolist
# 【十一】JavaScript之案例-todolist ## 基本页面 ```html Title 添加 学习python删除↑↓ 学习python删除↑↓ 学习python删除↑↓ 学习python删除↑↓ ``` ## 效果实现 ```html Title 添加 ``` ......
CSS文字超出宽度---换行总结
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
CSS|CSS基础
# HTML|CSS基础 ## 一. CSS简介 ### 1. 什么是CSS CSS(Cascading Style Sheets) ，通常称为CSS样式表或层叠样式表 ### 2. CSS的作用 CSS的作用就是用来规定每个HTML元素表现的样子, 比如 - 字体的大小 - 颜色 - 摆放位置.. ......
【4.0】前端基础之CSS
# 【4.0】前端基础之CSS # 【一】什么是CSS - 层级样式表： - 就是给HTML标签添加样式的，让它变得好看 # 【二】注释语法 ```css /* 这是注释 */ ``` # 【三】CSS的语法结构 ```css 选择器 { 属性1:值1; 属性2:值2; 属性3:值3; 属性4:值4 ......
【五】HTML之表格标签
# 【五】HTML之表格标签 - 表格系列标签主要是可以数据以表格的格式展示出来。但是现在table表格已经很少使用了，而是改成div+css实现更漂亮的表格。 | 标签 | 描述 | | | | | **``** | 表示网页的一个表格，内部一般直接嵌套的是tr标签。 | | **``** | 表 ......
【六】HTML之媒体标签
# 【六】HTML之媒体标签 - 之前说过所谓的超文本，就是超出文本范畴的文档 - 所以我们在网页编写过程中，经常也需要在网页中展示或播放一些媒体资源 - 例如：图片，音频，视频。 | 标签 | 常见格式 | 描述 | | | | | | **``** | **`png`**，**`jpg/jpeg ......
【一】CSS之引入
# 【一】CSS之引入 - 层叠样式表（`Cascading Style Sheets`），与HTML一样，也是一种标记语言 - 其作用就是给HTML页面标签添加各种样式，**定义网页的显示效果**，将网页**内容和显示样式进行分离**，提高了显示功能。 - 简单一句话就是，CSS的代码可以告诉浏览 ......
【五】CSS之元素种类
# 【五】CSS中的元素种类 ## 1 、行内元素[inline]： - 特点： - 同一个行内元素，可以一行多个，直到当前一行满行就会换行到第二行显示 - 行内元素默认是没有宽度与高度的，是依靠内容来支撑的。 - 行内元素是没有完整的边距的，只存在左右边距，没有上下边距。[边距就是元素与元素或元素 ......
【七】CSS之弹性布局
# 【七】CSS之弹性布局 ## 【1】什么是弹性布局 - 随着技术的发展，那么在当前市场上，安装浏览器的客户端越来越多，设备也越来越多，所以CSS提供的布局，不仅应用于PC端，还可以应用于移动端设备 - 例如：watch、ipad，mobile等，甚至包括机器人界面、智能屏、智能电视机、3D广告屏 ......
【二】CSS基本语法之选择符
# 【二】CSS基本语法之选择符 - 作为一门标记语言，css的语法也是比较简单的，主要由三部分构成：选择符，样式属性和属性值。 - css中的语法虽然简单，但是太多内容了，所以要学会css，就需要多背多写，掌握使用规律，懂得借助浏览器与css手册。 > 注意，在前端领域中，有些人会觉得css负责外 ......
【三】CSS之样式的优先级
# 【三】CSS之样式的优先级 ## 1 css样式的优先级 - css在使用过程中，因为很多的选择符有具有批量查找的特点，所以很容易出现样式污染的问题。 - 样式污染出现的原因是因为css代码编写过程中，因为引入方式、书写先后顺序以及选择符的优先级等问题导致的。 - 注意：样式污染并非不好，而是要 ......
【三】HTML之列表标签
# 【三】HTML之列表标签 - 列表是一种结构标签 - 可以让网页的内容形成列表格式。 -  - ![](htt ......
【四】HTML之表单标签
# 【四】HTML之表单标签 - 是HTML中最终的标签之一，主要是提供了输入框或按钮等标签提供给用户进行交互输入数据。将来表单可以提交到指定服务端程序中进行数据处理。 ## 1 form标签 | 属性 | 描述 | | | | | **`action`** | 设置当前表单的表单数据处理应用程序的 ......
【二】前端基础之HTML引入
# 【二】前端基础之HTML引入 - `Hyper Text Markup Language` ，译作超文本标记语言，是一门标记语言，不是编程语言。所以它没有变量，也没有任何语句结构。 - 所谓的超文本，就是超越了文本范畴的文档格式，普通文本只能显示文字，而超文本可以显示各种的媒体资源，例如：htm ......
jmeter 通过命令生成html测试报告
0、检查一下输出结果的内容类型为默认的csv （此步其实可以忽略） 1、输入命令：jmeter -n -t ./物业系统接口测试220815.jmx -l ./testResult.jtl -e -o ./report2 -n：非GUI图形化界面模式执行JMeter -t：.jmx测试脚本文件所在的 ......
Vue-案例-查询所有
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <a href="addBrand.html"><input type="button" value= ......
css第五天
优先级的介绍特性:不同选择器具有不同的优先级，优先级高的选择器样式会覆盖优先级低选择器样式优先级公式:继承<配符选择<签选择器< 类选择器<d选择<内样式important注意点:!important写在属性值的后面，分号的前面!!important不能提升继承的优先级，只要是继承优先级最低!实际开 ......
CSS（六）CSS3新特性
圆角和阴影 圆角，使用 border-radius 可以给任何元素制作圆角 阴影，box-shadow 向框添加一个或多个阴影：box-shadow: h-shadow v-shadow blur color h-shadow 水平阴影的位置 v-shadow 垂直阴影的位置 blur 模糊距离 c ......
CSS（七）字体图标
经常会用到一些图片，但是我们在使用这些图片时，往往会遇到失真的情况，而且图片数量多的话，页面加载很慢，所以我们可以使用字体图标的方式来显示图标，既解决了失真的问题，也解决了图片占用资源的问题。常用资源 [阿里字体图标库][https://www.iconfont.cn/] 优点： 轻量，加载速度快， ......
CSS（五）脱离文档流
脱离文档流 标准文档流导致： 高矮不齐，底边对齐 空白折叠现象 很多空格，都会折叠会一个空格 img标签有缝隙 脱离文档流：使一个元素脱离标准文档流有三种方式： 浮动 绝对定位 固定定位 浮动 增加浮动 增加一个浮层来放置内容。可以理解为有两层页面，一层为原页面，一层为脱离文档流的浮层页面，所以会出 ......
案例-新增品牌
package com.itheima.web; import com.alibaba.fastjson.JSON; import com.itheima.pojo.Brand; import com.itheima.service.BrandService; import javax.servle ......
CSS（四）盒子模型
盒子模型box model CSS盒子模型本质上是一个盒子，封装周围的HTML元素。它包括： margin（外边距）、border（边框）、padding（内边距）、content（内容） 弹性盒子模型flex box felx box是CSS3的一种新的布局模式。是为了让页面适应不同的屏幕大小和设 ......
案例-查询所有
package com.itheima.web; import com.alibaba.fastjson.JSON; import com.itheima.pojo.Brand; import com.itheima.service.BrandService; import javax.servle ......
面向对象综合案例练习
大家好，我是筱筱，这里主要分享的是个人日常学习面向对象综合案例练习的随笔，如果您对本篇有不同的方法和建议，欢迎您在评论区留言指正，您们的留言和点赞是我继续学习和分享的动力，非常感谢您的观看！ ......
简单的python面向对象案例——跑步或吃饭
==个人学习,仅供参考== **要求** 1. 对象:小明 - a.属性:姓名,体重 - b.方法:跑步,吃东西 (每次跑步会减掉0.1kg,每次吃东西增加0.2kg) 2. 输入名字以初始体重 3. 选择跑步或吃东西,输入次数 4. 打印当前体重 代码如下: ``` #定义一个类 class Pe ......
CSS选择器
CSS选择器，发现很多都忘记了。今天的笔记中包括44个选择器，基本涵盖了CSS 2和CSS 3的所有规定。 CSS选择器笔记 阮一峰 整理 参考网址：456 Berea Street 一、基本选择器 序号 选择器 含义 1. * 通用元素选择器，匹配任何元素 2. E 标签选择器，匹配所有使用E标签 ......
简单的python面向对象案例——打印学生成绩
==个人学习,仅供参考== **要求** 1. 定义一个学生类: - 属性:姓名,成绩; - 方法:打印成绩(90分以上优秀,80分以上良好,70分以上中等,60分以上及格,60分以下不及格) 2. 输入学生姓名和成绩,判断成绩 ``` # 定义一个学生类 class Student(object) ......
HTML基本知识架构
前端的学习资料，非常杂乱无章，整理如下 - [菜鸟教程HTML教程](https://www.runoob.com/html/html-tutorial.html) ![](https://img2023.cnblogs.com/blog/137928/202307/137928-202307031 ......
案例-验证用户是否存在
package com.itheima.web.servlet; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServ ......