- 浏览: 8761 次
- 性别:
- 来自: 北京
最新评论
文章列表
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">
<! ...