`
Java_1010
  • 浏览: 8761 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论
文章列表

表单介绍

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-->行高(一行文字的高度)。文字在行高里面是垂直居中的。                    当行高与元素 ...
在上一篇中简单介绍了内边距(padding),今天要说的是元素的外边距(margin) 元素想要和其他元素有间距的话可以使用padding,但是padding会改变元素的大小。我们也可以使用margin来增加间距。我们把人体比作元素,那么margin就是我们的气场。 margin与padding相同,分为4个方向,分别为: margin-top:上边距 margin-right:右边距 margin-bottom:下边距 margin-left:左边距 示例如下所示: <!DOCTYPE html> <html> <head> & ...
在网页设计过程中元素的内边距往往是缺少不了的,今天就来简单介绍一下内边距(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样式来绘制三角形。直接进入代码: 先来解释几个样式: solid:表示线条为实线。常用的线条有:dotted(点线)、dashed(虚线) transparent:表示线条为透明。   先来看下代码的基本结构: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>三角展示</title> <style></style> </head> ...
本节来介绍原始dao的开发方法,原始dao方式存在一些问题,比如:存在大量的模板代码(session.close()、session.commit()。。。)、在调用SqlSession的方法时参数statement的ID存在硬编码,且传入的参数变量值由于泛型的原因有可能会出现类型传递错误(但是编译器并不报错,只在运行时会出错)。 原始dao方法虽然不建议使用,但是在实际开发项目中有时候也会用到,在此简单录一下。 1、数据库表结构: 一个单表(user),很简单,不多说。   2、模型类: package com.wp.model; import java.util.Date ...
本文简单介绍一下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"> <! ...
Global site tag (gtag.js) - Google Analytics