Java_1010
- 浏览: 8737 次
- 性别:
- 来自: 北京
-
最新评论
文章列表
form：表单form定义了一个表单，表示一起提交的数据。属性： action：定义数据提交的位置(书提交到哪里) method：提交的方式，分为get/post。两者的不同将在后台处理中进行解释。 id：给form定义一个唯一的ID值。 ...
表格：tablethead：表头tbody：主体内容tfoot：表尾tr：表格的一行td：表格的一列。th：表格的一列，但是此列字体会加粗、居中。虽然在表格中区分了表头、主体和尾部，但是在实际使用时就省略了，直接写tr、td和th如果没有写thead、tbody、tfoot，那么浏览器会自动添加tbodyborder：定义表格的边框宽度，直接写在table标签上，直接写数字即可。td/th会有一个默认的padding,大小为1table在没有定义宽度的情况下，默认由内容撑开；写了宽高后每一列平分。如果当前列某一个单元格(td/th)宽度变化，则整列都会发生变化。margin无法实现表格单元格之 ...
背景颜色透明：opacity：透明度。 值：0~1之间。0:完全透明；1:不透明。 问题：在背景透明的过程中会把元素上的文字一起透明。rgba：透明。仅透明背景。格式：(数字,数字,数字,opacity值)。 说明：前三个数字为rgb值，最后一个参数为opacity的值。 rgba是写在backgroud里面的。 示例：background:rgba(0,0,0,0.5)-->背景颜色为黑色，透明度为0.5
定位（position）：分为相对定位(relative)、绝对定位(absolute)、固定定位(fixed)。偏移量：偏移的方向的具体值，方向分为top、right、bottom、leftrelative：相对定位（相对于自身位置出发）。 特点： 1、不影响元素本身的特性。 2、只设置了相对定位，没有设置偏移量的情况下，对元素本身没有任何影响。 3、元素没有脱离文档流。 4、提升层级为整层。 5、有了定位，才会有偏移量；在没有定位的情况下写偏移量是没有作用的。 6、相对定位一般配合绝对定位使用。 ...
浮动：float浮动的定义：使元素脱离文档流，按照指定的方向发生移动，遇到父级或者相邻的浮动元素就停下来。文档流：是文档可显示对象在排列时所占的位置。(可显示的元素在排列时所占的位置)float：left（向左浮动）/right ...
标签分类：一、块标签（block标签）--->display:block 如：div、p、ul、li、ol、dl、dd、dt、h1~h6 特点： 1、独占一行。 2、当不写宽度时，默认充满整行；没有写高度，可以由子元素撑开。 3、支持所有的样式。
二、内联标签（inline标签）--->display:inline 如：span、strong、em、mark、a 特点： 1、能在一行来显示。 2、不支持宽高。 3、宽度由内容撑开。 4、换行解析为空格。 5、不支持上下margin。
三、内联块 ...
常用标签：标题标签：h1~h6。从h1到h6字体依次减小。
段落标签：p
无序列表：ul 列表项：li 注意：ul下规范只能写li标签。
有序列表：ol 列表项：li 注意：ol下规范只能写li标签。
自定义列表：dl 标题项：dt 解释项：dd 如： <dl> <dt>开发语言</d ...
今天带来的是文字和文本的相关样式设置。
文字设置：font-weight-->文字粗细程度。 bold：加粗 normal：不加粗（默认值）
font-style-->文字样式 italic：斜体 normal：正常（默认值）
font-size-->文字大小
line-height-->行高（一行文字的高度）。文字在行高里面是垂直居中的。 当行高与元素 ...
元素外边距margin介绍
- 博客分类：
- 前端
在上一篇中简单介绍了内边距（padding），今天要说的是元素的外边距（margin）
元素想要和其他元素有间距的话可以使用padding，但是padding会改变元素的大小。我们也可以使用margin来增加间距。我们把人体比作元素，那么margin就是我们的气场。
margin与padding相同，分为4个方向，分别为：
margin-top：上边距
margin-right：右边距
margin-bottom：下边距
margin-left：左边距
示例如下所示：
<!DOCTYPE html>
<html>
<head>
& ...
元素内边距padding介绍
- 博客分类：
- 前端
在网页设计过程中元素的内边距往往是缺少不了的，今天就来简单介绍一下内边距（padding）。
padding为元素的内边距，常常用在盒模型（div）上。
一个盒模型分为上右下左4个方向，同样的内边距（padding）也分为上右下左4个方向，分别为：
padding-top、padding-right、padding-bottom、padding-left
下面通过示例进行解释：
1、首先来看在没有设置padding属性时的基本样式：
<!DOCTYPE html>
<html>
<head>
<meta charset=&quo ...
在前端设计中背景是缺一不可的，接下来就来简单介绍一下背景的相关样式。
本次还是以div标签来进行说明。
一、背景颜色：background-color
此属性用来设置背景颜色。那么颜色的表示在前面的文章中已经提到有三种表现方式：英文（red、blue...）、RGB值、16进制值（#ffffff）。示例代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>背景颜色</title> ...
在之前的画三角形的文章中已经提到了边框（border）的样式，在此呢简单总结一下。
边框（border）分为三部分：宽度、样式、颜色。
同时边框按方向分又分为4个方向（已顺时针为例）：上、右、下、左。
1、边框的基本样式：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>边框样式</title>
<style>
#div1 {
width:200px;
hei ...
使用CSS展示各种形状的三角形
- 博客分类：
- 前端
今天带来的是用纯css样式来绘制三角形。直接进入代码：
先来解释几个样式：
solid：表示线条为实线。常用的线条有：dotted(点线)、dashed(虚线）
transparent：表示线条为透明。
先来看下代码的基本结构：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>三角展示</title>
<style></style>
</head> ...
Mybatis-05-原始dao开发方法
- 博客分类：
- MyBatis
本节来介绍原始dao的开发方法，原始dao方式存在一些问题，比如：存在大量的模板代码（session.close()、session.commit()。。。）、在调用SqlSession的方法时参数statement的ID存在硬编码，且传入的参数变量值由于泛型的原因有可能会出现类型传递错误（但是编译器并不报错，只在运行时会出错）。
原始dao方法虽然不建议使用，但是在实际开发项目中有时候也会用到，在此简单录一下。
1、数据库表结构： 一个单表（user），很简单，不多说。
2、模型类：
package com.wp.model;
import java.util.Date ...
Mybatis-04-更新和删除
- 博客分类：
- MyBatis
本文简单介绍一下MyBatis的更新和删除功能。直接上代码：
1、映射文件：
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper
PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="UserSpace">
<! ...