- 博客(55)
- 收藏
- 关注
原创 css学习笔记:变形平移
transform基于本身进行偏移,不会影响其他元素的布局可选值:translateX()水平方向的平移,可以是像素或百分比translateY()垂直方向的平稳,可以是像素或百分比translateZ()调整z轴的视距,需要在html元素中设置默认视距perspectiverotateX() 以X轴为中心进行旋转,单位为像素(px)或角度(deg)rotateY()以...
2020-04-11 21:01:29 205
原创 css学习笔记:动画效果
animation动画效果,在设置动画时需要先创建关键帧。/* @keyframes 动画名 */@keyframes test{ /* 开始位置值 */ form{ background-position: 0 0; } /* 结束位置值 */ to{ background-position: 600p...
2020-04-02 14:19:28 140
原创 css学习笔记:过渡
transition 过渡属性:transition-property设置过渡效果属性的名称,基本上所有的属性都可以过渡多个属性之间用,分隔,也可以用all代替transition-duration设置过渡的时长,单位s或mstransition-timing-function设置过渡的速度曲线.可行值:ease默认,开始速度慢,然后变快,减速结束ease-in加速...
2020-04-01 22:26:13 144
原创 html学习笔记:表单
表单向服务器提交一个单子,单子里内容用"名值对"方式排列。form用于收集用户输入,包含所有表单元素属性:action 属性表单处理程序,通常是包含用来处理输入数据的脚本的服务器页面。如果省略 action 属性,则 action 会被设置为当前页面。method用于提交时的方法可选值:getpostautocomplete根据缓存,浏览器自动完成表单可选值...
2020-03-27 14:19:51 89
原创 html与css学习笔记:表格
表格标签table表格内元素都包含在table元素中tr行,可以包含th与tdth表格标题,自动水平居中,加粗td单元格rowspan垂直合并单元格colspan水平合并单元格thead语义化标签代表表格的头部内容tbody语义化标签代表表格的主要内容当没有设置tbody时,用户创建tr后,浏览器会自动创建tbody.并包含所有tr元素tfoot语义化标签...
2020-03-27 11:28:58 359
原创 css学习笔记:背景
background设置元素的背景background-color设置背景颜色background-color:red;background-image设置背景图片background-image:url('./src/bg.jpeg');背景颜色与背景图片可以同时设置background-repeat当图片不足以填充元素时,设置元素的填充方式可选值:repea...
2020-03-27 09:56:04 93
原创 css作业:京东头部导航
目标:成品:html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti...
2020-03-26 16:43:15 494
原创 行高与文字处理
line-height文字占有的实际高度字体框一个字可以看成一个小框,font-size实际上设置的字体框的高度行高会在字体框的上下平均分布设置行高的方式:像素数值以字体大小的倍数设置行高默认的行高为1.33line-height: 100px;line-height: 2;font-weight 字重设置字体的加粗效果属性值:bold(加粗)、norm...
2020-03-25 19:04:18 179
原创 css练习:用户登录界面
目标:html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...
2020-03-25 13:14:21 757 1
原创 css笔记:字体与图标字体
Fontcolor设置字体的颜色font-size设置字体大小font-family设置字体库中的字体可选值:serif 衬线字体sans-serif 非衬线字体monospace等宽字体,每个字母的宽度都是相同的字体可以设置多个,中间用’,'隔开,前面的字体优先使用。当用户电脑中前面的字体不存在时,按顺序使用的后面的字体@font-face也可以将...
2020-03-25 10:08:05 138
原创 css布局作业:京东首页轮播图
效果:html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g...
2020-03-24 19:32:13 1842
原创 绝对定位元素的水平与垂直布局
水平布局开启绝对定位的元素进行水平布局,必须设置left与right属性.box{ position:absolute; left:0; right:0;}等式与以前一样。发生过度约束,当有auto值时,自动进行调整,以满足等式。否则margin-right自动补足。可以设置auto值的属性margin、width、left、rightleft、right默认为auto...
2020-03-24 15:44:06 674
原创 css定位属性
position设置元素的定位方式属性值static在文档流中默认的状态relative相对定位在文档流中占据原本的位置。根据原本的位置定位,用水平和垂直偏移量来改变元素的位置。不设置偏移量不改变位置。改变后的元素提高了一个层级position:relative;absolute绝对定位从文档流中脱离,原本的位置不保留 用水平和垂直偏移量来改变元素的位置。不设...
2020-03-23 22:47:17 78
原创 高度塌陷与BFC、清除浮动影响
高度塌陷当父元素没有设置高度时,父元素的高度是由子元素内容撑开。当子元素设置浮动后,就会脱离文档流。父元素的高度就会为0,这就是造成高度塌陷。下面的元素就会上移,这就会打乱页面的布局,为了防止这种情况我们需要对元素设置BFCBFC (bloce format content)块级格式化内容css隐藏的一个属性,开启BFC元素将变成一个独立的布局区域。开启BFC的特点:父元素不会...
2020-03-23 19:33:06 247
原创 css布局作业使用float布局:w3school导航
目标:html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title...
2020-03-23 17:48:11 216
原创 css作业使用display布局:w3school导航
目标:html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl...
2020-03-23 17:35:16 266
原创 css作业:网易新闻模块
目标:html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g...
2020-03-23 17:08:06 534
原创 css作业:京东导航条
目标:html源码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g...
2020-03-23 16:59:24 285
原创 css作业:京东图片列表
作业效果:html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit...
2020-03-23 16:30:37 322
原创 浮动与脱离文档流的特点
float 浮动通过浮动可以使元素脱离文档流,处于页面的上方。使元素水平排列,多用于水平布局float的属性值:none 默认,不浮动left 向左侧浮动right 向右侧浮动知识点设置浮动后元素将从文档流中脱离,不占据文档流的位置。下面文档流中的元素会自动向上移动。设置浮动后元素可以向父元素左...
2020-03-22 22:38:35 355
原创 css属性与盒子大小
常用属性background-color 设置背景颜色background-color: #F4F4F4;line-height 设置文字在元素中垂直居中,将值设置为height的值height:24px;line-height:24px;font-size 设置文字大小font-size:14px;color 设置文字颜色color:red;text-decora...
2020-03-22 20:48:53 2317
原创 css水平布局与垂直布局
水平布局盒子模型水平方向的布局宽度为父类的全部宽度水平方向盒子由以下几个自属性构成:外边距左 + 边框左 + 内边距左 + 内容 + 内边距右 + 边框右 + 外边距右 = 父类全部宽度当上面等式不不足时,则称为:过渡约束。默认浏览器会设置margin-right的值,自动补足当以上属性其中有值为auto时,浏览器会将该属性的值设置为剩余值当有多个auto值时,width为aut...
2020-03-22 11:10:49 2691 1
原创 css盒子模型
盒子模型盒子组成content 内容区width、height设置的是内容区的大小padding 内边距内边距的设置会影响盒子的大小内边距有四个方向padding-toppadding-rightpadding-bottompadding-leftpadding-top: 10px;padding-right: 10px;padding-bottom: 10px;...
2020-03-21 23:17:15 66
原创 css选择器的权重与文档流
元素的继承子元素会继承父元素的某些样式。如:size、color选择器权重继承 < * < 元素选择器 < 子选择器 < 类选择器 < id选择器 < 内联样式长度单位px 像素% 相对于父类元素的百分比em 相对于元素的字体大小来计...
2020-03-21 22:16:44 105
原创 超链接的伪类与伪元素
超链接的伪类link用来设置没有访问过的链接,正常的链接visited用来设置访问过的链接a:link{ color: green; font-size: 20px;}a:visited{ color:hotpink;}以上两种只能在超链接中使用hover用来设置鼠标移入元素的状态active用来设置鼠标按下时元素的状态a:hover{...
2020-03-21 17:19:42 574
原创 css选择器
简单选择器元素选择器根据标签名来选中指定元素语法:标签名{}例:p{},h1{},div{}id选择器通过元素的id属性来确定指定元素id是唯一的,区别大小写语法:#id属性值 {}例:#left{}、#top{}class选择器通过元素的class属性来确定指定元素class属性值可以重复,可以通过class属性值来为元素分组设置样式。一个元素可以指定多个clas...
2020-03-21 16:42:53 107
原创 css样式的使用方式
层叠样式表内联样式<p style="color:red; font-size:20px;">今天天气真不错</p>内部样式将样式写在head标签内<style> p{ color: red; }</style>外部样式表通过link标签进行引用。开发中推荐使用<link rel="styl...
2020-03-20 23:16:52 85
原创 html中的替换元素
图片标签 img它是一种替换元素。即有块元素的特性又有行内元素的特性属性:src 图片的路径,,可以引用本地图片,也可以引用网络图片alt 图片的描述,默认情况下不会显示,当浏览器无法加载图片时,会显示该文本width 图片的宽度...
2020-03-20 22:46:35 1597
原创 html语义化标签
语义化标签不要在意它的显示效果,要注重它的语义浏览器在解析网页时,会对不符合规范的元素进行修正h1-h6标题标签h1标签最大,h6标签最小一般一个网页只设置一个h1标签通常我们只会使用到一级标题到三级标题<h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题...
2020-03-20 21:35:03 98
原创 html简介
html是最基础的网页开发语言,它由标签组成。html是标记语言不是编程语言,hrml文件以.html结尾。标签html中标签通常是成对出现,开始标签与结束标签。<!DOCTYPE html><html> <head> <title>网页标题</title> </head> &l...
2020-03-20 17:50:41 255
原创 网页三要素:html、css、javaScript
结构、表现、行为html介绍超文本标记语言,负责网页的布局css负责网页中元素的样式javaScript用于响应用户操作
2020-03-20 15:33:41 1659
原创 java学习笔记:JDBCTemplate
JDBCTemplateSpring对JDBC的简单封装实现步骤导包 下载jar: 官网资源库 第三方库commons-logging-1.2.jarspring-beans-5.2.4.RELEASE.jaspring-core-5.2.4.RELEASE.jarspring-jdbc-5.2.4.RELEASE.jarspring-tx-5.2.4.RELEASE.j...
2020-03-20 13:32:09 111
原创 数据库连接池工具类源码
导入jar包import java.io.IOException;import java.sql.Connection;import java.sql.ResultSet;import java.sql.SQLException;import java.sql.Statement;import java.util.Properties;import javax.sql.DataSo...
2020-03-20 10:26:11 118
原创 java学习笔记:数据库连接池
数据库连接池由于频繁的获取释放数据库连接非常浪费系统资源,所以出现了数据库连接池。我们只需要创建一次数据库连接池对象,每次获取连接都会从它内部获取一个连接,当关闭连接时,连接不会被释放,而会自行进入数据库连接池中,等待下次调用。数据连接池的实现java只是定义了数据库连接池接口 DataSource具体的实现类有:c3p0导入jar包c3p0-0.9.5.5.jarmc...
2020-03-20 10:17:23 83
原创 JDBC学习笔记:事务管理
开启事务一般写在前面conn.setAutoCommit(false);回滚事务写在异常处理中conn.rollback();提交事务写在代码的最后面conn.commit();练习代码:public void transfer() { Connection conn = null; PreparedStatement pstmt1 = null;...
2020-03-18 21:55:10 68
原创 JDBC笔记:Statement类与PreparedStatement类
Statement类用Statement对象执行sql语句时,会有sql注入的风险。所以一般现在都用它的子类PreparedStatement。Statement执行步骤//定义sql语句String sql = "select * from user where user = '" + user + "' and password = '" + password + "'";//创建执...
2020-03-18 21:02:21 286
原创 JDBC工具类代码
为了编写代码方便,我们将数据库信息写入一个配置文件。以后我们只需要对配置文件进行修改。import java.io.IOException;import java.io.InputStream;import java.sql.Connection;import java.sql.DriverManager;import java.sql.ResultSet;import java.sq...
2020-03-18 20:46:22 174
原创 JDBC学习笔记:JDBC使用步骤
JDBC描述:用于java与数据库进行交互的接口,由数据库厂家重写接口中的方法,生成相应的jar。程序员不需要关心怎么实现的,只需要导入jar使用就可以了。使用步骤导入数据库jar注册驱动管理例如注册mysql驱动:Class.forName("com.mysql.jdbc.Driver");当该类被加载进内存时会调用内部的一个静态方法块,里面会自动注册驱动。mysql5....
2020-03-18 20:40:48 75
原创 mysql学习笔记:DCL用户权限管理
查询权限格式:SHOW GRANTS FOR '用户名'@'主机名';例:SHOW GRANTS FOR 'yixing'@'%';授予权限格式:GRANTS 权限列表 ON 数据库名.表名 TO '用户名'@'主机名';例:GRANTS SELECT,UPDATE ON db1.student TO 'yixing'@'%';如果想授予所有权限GRANTS ALL ON...
2020-03-17 21:50:05 68
原创 mysql登录密码忘记了怎么办?
命令提示行:关闭mysql服务net stop mysql使用无验证方式启动mysqlmysqld --skip-grant-tables这个窗口别关,再启动另一个命令提示窗口mysql输入:mysql 回车就登录了mysql修改密码SET PASSWORD FOR 'root'@'%' = PASSWORD('12345');退出mysqlquit;在任务管理器中关...
2020-03-17 21:29:54 137
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人