自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 JS 基础 (1)

JS 基础语法数据类型操作符语句语法区分大小写:变量名、函数名是区分大小写。第一个字符必须是字母、下划线(_)或美元符号($),后面的字符可以为数字。注释:单行注释:// ;多行注释:/* */ 。分号:每条语句结尾添加分号(;)。花括号var定义变量数据类型undefined :未初始化的变量默认为undefined,表示该值未定义。null:与undefined类似,null表示一个空对象。boolean:布尔类型:true和false。nu

2021-08-24 14:12:38 140

原创 CSS 导航栏+图片廊 (6)

导航栏+图片廊导航栏垂直导航栏水平导航栏图片廊普通版设置图片透明度设置透明文本框导航栏垂直导航栏/*导航栏*/ .part1 { list-style-type: none; margin: 0; padding: 0; } li>a:link,li>a:visited { display: block; font-weight: bold; color: white; background-color: green; width

2021-08-24 10:53:32 946

原创 CSS 显示+定位+浮动+布局 (5)

@TOC显示隐藏隐藏可以用两种:visibility: hidden; :隐藏段落仍然占用空间。注:visibility: collapse; 对表格使用会隐藏该表格。display: none; :隐藏段落不占用空间。display内联元素不会换行,块状元素换行。display: inline; :变为内联元素。display:block; :变为块状元素。display:inline-block; :内联+块状元素。定位position:absolu

2021-08-24 10:42:31 121

原创 CSS 边框+轮廓+边距+填充+尺寸 (4)

边框+轮廓+边距+填充+尺寸边框轮廓边距填充尺寸注:border和margin中间的线就是轮廓(online)。边框边框样式:1. border-style边框样式(hidden隐藏、none无边框、dotted电线、dashed虚线、soild实线、double两个边框、groove3D沟槽边框、ridge3D脊边框、inset3D嵌入边框、outset3D突出边框):可以单独设置一边的样式。border-top-style、border-bottom-style、border-right-st

2021-08-22 21:21:13 922

原创 CSS 列表和表格 (3)

列表和表格列表表格列表使用css设置列表样式:用图片做图标:.part1 { /*用图片做图标*/ list-style-image: url("2.png");}-----------------------------<ul class="part1"><li>Coffee</li><li>Tea</li><li>Coca Cola</li> </ul>删除默认图标:

2021-08-22 21:03:04 105

原创 CSS 文本、字体和背景样式(2)

文本、字体和背景文本样式字体样式背景样式文本样式文本样式:color:设置文本颜色;颜色属性一共有三种设置方法,如下:<!--第一种直接用颜色-->body { color:red;}<!--第二种用十六进制-->h1 { color:#00ff00;}<!--第三种用rgb三原色-->p.part1 { color:rgb(0,0,255)}text-align:文本对齐;文本对齐可设置为:居中(center)或对齐到左(l

2021-08-22 20:18:29 156

原创 CSS 选择器 (1)

CSS 选择器选择器元素选择器id选择器类选择器通用选择器分组选择器嵌套选择器组合选择器属性选择器css伪类选择器css语法:选择器{ 一条声明;一条声明;…}元素选择器元素选择器:最简单的,所有该元素都受影响。使用语句是: 元素+{ }。h1 { color: red;}id选择器id选择器:是唯一的。在各标签中设置id名然后使用。使用语句是: # id { }。#part1 { color: blue;}类选择器类选择器:可以多个元素使用,所有class的名字相同的

2021-08-22 15:08:31 117

原创 HTML 制作表格 (6)

HTML 制作表格<table>表格普通表格嵌套表格<table>表格<th>:定义表格的表头(加粗)。<tr>:定义表格的行。<td>:定义表格单元。<caption>:定义表格标题。<colgroup>:定义表格列的组。<col>:定义用于表格列的属性。<thead>:定义表格的页眉。<tbody>:定义表格的主体。<tfoot>:定义表格的页脚。

2021-08-22 14:30:21 343

原创 HTML 列表(5)

HTML 列表有序列表无序列表自定义列表嵌套列表有序列表<ol></ol>:默认为数字顺序。以下是不同列表的代码和效果图:数字编号列表:<h4>编号列表:</h4><ol> <li>Apples</li> <li>Bananas</li> <li>Lemons</li> <li>Oranges</li></ol>

2021-08-22 14:16:45 921

原创 HTML 表单和输入标签 (4)

HTML 表单和输入标签<form>标签<form>标签<form>标签:表单标签,用来定义供用户输入的表单。比较常用的属性:action:规定向何处提交表单的地址(URL)(提交页面)。method:规定在提交表单时多用的HTTP方法(默认:GET)target:规定action属性中地址的目标(默认:_self)注:_blank:在新窗口中打开被链接的文档。_seft:默认。在相同的框架中打开被链接文档。_parent:在父框架集中打开被链接文档

2021-08-22 13:54:06 172

原创 HTML 比较常用的标签(3)

比较常用的标签<img>标签<map>标签<a>标签<iframe>标签<noscript>标签<img>标签<img src="smiley.gif" alt="Smiley face" style="float:left" width="32" height="32"> <map>标签<!--图片映射--><img src="planets.gif" width="145" he

2021-08-22 10:58:06 118

原创 HTML 和文字有关的标签(2)

和文字有关的标签标题标签<p>标签<hr />和<br>文本格式标题标签<h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6>效果图:<p>标签段落标签。<p >段落中有很多行

2021-08-21 21:48:16 125

原创 HTML <head>标签(1)

<head>标签<meta>标签<title>标签<base>标签<link>标签<style>标签<script>标签一共六个标签可以放在<head>标签中。<meta>、<title>、<base>、<link>、<style >、<script>。<meta>标签元数据,不会显示在页面上,但会被浏览器解析。HTML一

2021-08-21 21:29:02 100

原创 数据可视化--D3.js入门(数据集与数据)

D3.js入门D3(Data-Driven Document):数据驱动文档D3的优势:学习D3.js之间需要学习的:学习D3.js的网站:第一节:数据集与数据选择集:select()、selectAll()数据绑定:datum()、data()数组Array:映射Map:集合Set:嵌套结构Nest:D3(Data-Driven Document):数据驱动文档D3是一个JavaScript的数据库,是用来做数据可视化的。其中文档指的是DOM,即文档对象模型(Document Object Model

2021-08-14 14:54:10 2956

原创 学生管理系统

学生信息管理系统(学生表、班级表)1.学生信息入库2.查询学生信息 ①编号查询学生;②名字查询学生;③查询所有学生3.查看班级 ①查看所有班级信息(班级编号 班级名称 班级人数);②查看单个班级下的所有学生信息4.修改学生信息(编号不允许修改)5.删除学生信息6.退出系统BaseDao类public class BaseDao{ static String driver="com.mysql.jdbc.Driver.class"; stat...

2021-04-11 15:45:50 114

原创 Java--宠物管理

Dog类package com.java.work;//描述狗public class Dog extends Pet { //属性(封装:private私有化,不允许随便设值(get&set)) private String types; public String getTypes() { return types; } public void setTypes(String types) { this.types = types; }

2021-04-05 17:28:24 383

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除