web
文章平均质量分 73
fxy流年无悔
不要留下太多遗憾
展开
-
WEB MVC模式下的注册登录
LoginDao.javapackage com;import java.sql.SQLException;import javax.xml.registry.Connection;import javax.xml.registry.JAXRException;import user.UserInfo;import com.mysql.jdbc.PreparedStatemen原创 2016-12-23 09:55:31 · 1951 阅读 · 0 评论 -
css动画效果
index.html CSS3动画效果 我是HTML5style.css@charset "utf-8";body{ margin:100px;}div{ width:200px; height: 200px; background-color: white; border: 2px solid green; animation-name原创 2016-08-09 11:30:15 · 347 阅读 · 0 评论 -
css3过渡效果
效果:index.html CSS3过渡效果 我是HTML5文本style.css@charset "utf-8";body{ margin:100px;}div{ width: 200px; height: 200px; border: 2px solid green; background-color: white; tr原创 2016-08-09 10:44:08 · 504 阅读 · 0 评论 -
CSS变形效果[下]
效果:仅仅需要:#a{perspective: 3000px;}img{transform: scale3d(0.5,0.5,2.5) rotateX(45deg);}然后再在img里加入边框即可:img{width: 500px;height: 500px;border: 5px solid red;transform:原创 2016-08-09 09:48:55 · 331 阅读 · 0 评论 -
CSS3变形效果[上]
效果:要点:index.html: CSS3边框变形效果[上] 我是HTML5111style.css:@charset "utf-8";body{ margin:100px;}div{ width:200px; height: 200px; background-color: green; box-shadow: 2px原创 2016-08-08 15:42:10 · 532 阅读 · 0 评论 -
CSS渐变效果
一:线性渐变 属性--->linear-gradientbackground-image: linear-gradient(circle , orange, green);二:径向渐变 属性--->radial-gradientbackground-image: radial-gradient(circle, orange, green);两者都有repeati原创 2016-08-08 11:56:53 · 462 阅读 · 0 评论 -
CSS文本效果
效果:1.文本阴影:p{font-size: 50px;text-shadow: -1px -1px 1px red;text-shadow: 2px 2px 1px red;}2.文本裁剪:p{ font-size: 20px; width: 160px; background-color: sil原创 2016-08-08 10:48:20 · 671 阅读 · 0 评论 -
CSS其他样式
效果:index.html CSS其他样式 我是HTML5style.css@charset "utf-8";div{ width:200px; height: 200px; /*background: red;*/ color: blue; opacity: 1; border: 10px solid green; box-shad原创 2016-08-08 09:49:02 · 396 阅读 · 0 评论 -
CSS入门
1.使用CSS2.三种方式3.层叠和继承代码:index.html: CSS入门 p{ color:red; font-size:50px; } p{ color:green; font-size:30px; font-style:italic; } p{原创 2016-08-03 12:59:33 · 329 阅读 · 0 评论 -
CSS3表格布局[上]
1.表格布局(不常用)index.html CSS3传统布局[上] header aside section footer style.css@charset "utf-8";body{ margin:0;}table{ /*width:960px;*/ width: 100%; ma原创 2016-08-09 14:56:18 · 530 阅读 · 0 评论 -
css传统布局[下]
效果:index.html CSS3传统布局[下] header aside -->111111style.css@charset "utf-8";body{ margin:100px; height: 800px; border:1px solid red; /*在body父元素设置一个不需要top和le原创 2016-08-09 16:51:36 · 441 阅读 · 0 评论 -
项目实战-PC端固定布局【5】之aside
效果:html: 景点推荐 河南(20) 曼谷(12) 南京(6) 江苏(7) 山东(8) 内蒙(19) 埃及(9) 迪拜(3) 希腊(4) 洛杉矶(15) 纽约(18) 新加坡(11) 热门旅游 河南-云台山8日游原创 2016-08-13 11:51:12 · 2011 阅读 · 0 评论 -
项目实战--PC端固态布局[5]之footer
效果:index.html 合作伙伴 途牛旅游网 驴妈妈旅游网 携程旅行 中国青年旅行社 旅游FAQ 旅游合同签订方式 儿童价是基于什么制定的 单房原创 2016-08-12 13:00:04 · 1196 阅读 · 0 评论 -
项目实战--PC端固定布局[4]之figure
效果:figure: 抱团特惠,超级曼妙景点,相约周口,不见不散 满意度:99% $666起 国内景点 figure单独效果:index.html 项目实战-PC端固定布局(1) class="center"> 星月旅行社 网站导航 首原创 2016-08-12 10:07:21 · 809 阅读 · 0 评论 -
项目实战--PC固态布局【3】插入背景图及搜索框及按钮
效果:index.html 项目实战-PC端固定布局(1) class="center"> 星月旅行社 网站导航 首页 旅游资讯 机票订购 风景欣赏 公司简介 header --> 搜索footerstyle.原创 2016-08-11 15:29:50 · 1019 阅读 · 0 评论 -
项目实战-PC端固定布局【2】认识网页大纲算法(HTML5 Outliner)
注:body,nav,section需要标题head,div不需要标题链接:https://gsnedders.html5.org/outliner/步骤:选择文件--->Outline this大纲效果:index.html 项目实战-PC端固定布局(1) class="center"> 星月旅行社原创 2016-08-11 11:07:40 · 1937 阅读 · 0 评论 -
项目实战-PC端固定布局【1】之完成导航
完成导航效果:index.html: 项目实战-PC端固定布局(1) 星月旅行社 首页 旅游资讯 机票订购 风景欣赏 公司简介 headersectionfooterstyle.css:@charset "utf-8";/*内外边距都是0*/body,h1,ul{原创 2016-08-11 10:17:34 · 1703 阅读 · 3 评论 -
css3弹性伸缩布局[上]
效果:index.html: CSS3弹性伸缩布局[上] 爸爸长了一张国字脸,脸上的五官,分布得特别的整齐、匀称。两道乌黑浓密的眉毛,一对儿亮晶晶闪闪发光的大眼睛,两个眼珠黑白分明,还是双眼皮。那高高的鼻梁,坚实而挺拔。长了一个不大不小,刚刚合适的嘴。爸爸不仅,打篮球非常的棒,他的歌声,那也是非常的了得。从我记事的时候开始,每当过年的时候,我们家的亲戚原创 2016-08-10 10:23:02 · 455 阅读 · 0 评论 -
CSS多列布局
效果:index.html 我的爸爸 CSS3多列布局 我的爸爸 --> 我的爸爸 第一段内容 我的爸爸刚刚30出头,他的面容,要比他的年龄,成熟稳重的多,但是,他可没有苍老憔悴哦!爸爸的身高有180公分,体重75公斤,是个标准的型男身材。如果,我说我爸爸是个大帅哥,可一点也没有撒谎呢! 第二段内容 爸爸不仅,打篮球a原创 2016-08-10 09:37:18 · 621 阅读 · 0 评论 -
html5 实体和全局属性及其他
代码: 实体,全局属性和其他 ///id属性 #abc{ color:red; }///class属性 .abc{ color:red; } ///我 你///四个空格,一般只有一个空格©///全局属性这是ID这是class这是class这是class我可以修改原创 2016-08-03 10:42:57 · 337 阅读 · 0 评论 -
html 5 表单元素(下)
效果:代码: 表单元素(下) 苹果 香蕉 橘子 小麦 大米 玉米 ///多行文本框 请留下您的建议///乘法 X = //////大小///正则///输入025-888888后,原创 2016-08-03 10:09:43 · 397 阅读 · 0 评论 -
CSS表格和列表
index.html: CSS表格和列表 人员档案 姓名 性别 年龄 张三,是一个好青年 男 李四 女 35 王五 男 36 张三,是一个好青年 李四2 王五我是HTML5内容简介:style.css:@charset "utf-8";table{ width:原创 2016-08-06 16:51:34 · 451 阅读 · 0 评论 -
项目实战大结局PC固定端旅游网页设计
index.html: 项目实战-PC端固定布局(1) class="center"> 星月旅行社 网站导航 首页 旅游资讯 机票订购 风景欣赏 公司简介 header --> 搜索 热门旅游 国内旅游,国外旅游,自助旅原创 2016-08-16 17:08:54 · 5651 阅读 · 4 评论 -
项目实战-PC端固态布局 之机票预订
ticket.html: 机票预订 航班类型 单程 往返 出发城市 返回城市 出发时间 返回时间 订票 最新机票 热门城市: 北原创 2016-08-16 15:49:08 · 1293 阅读 · 2 评论 -
CSS边框与背景[上]
效果:index.html: CSS盒边框和背景[上] style.css:@charset "utf-8";div{width:200px;height:200px;///设置一个边框至少需要以下三条border-style:solid;bordr-color:red;border-width:1px;///用像原创 2016-08-04 16:21:47 · 387 阅读 · 0 评论 -
CSS盒模型[下]
效果:index.html: CSS盒模型[下] 我是HTML5,我是HTML5 1 2 3 4 5 6 我是块级元素我是行内元素我是块级元素,将要转成行内元素我是行内元素,将要转成块级元素我是块级元素,将要转成行内块元原创 2016-08-04 15:45:35 · 258 阅读 · 0 评论 -
CSS盒模型[上]
效果:index.html: CSS盒模型[上] 我是HTML5,我是HTML5,我是HTML5,我是HTML5,我是HTML5,我是HTML5,我是HTML5,我是HTML5我是HTML5,我是HTML5,我是HTML5,我是HTML5,我是HTML5,我是HTML5,我是HTML5,我是HTML5style.css:@cha原创 2016-08-04 12:13:26 · 754 阅读 · 0 评论 -
CSS文本样式[下]
index.html CSS文本样式[下] 我是 html5我是HTML5百度style.css@charset "utf-8";p{font-size:50px;background:silver;text-decoration:underline;text-decoration:overline;text-decora原创 2016-08-04 11:27:59 · 404 阅读 · 0 评论 -
CSS文本样式[上]
index.html: CSS文本样式[上] 这是html5style.css:@charset "utf-8";body{font-size:50px;font-variant:small-caps;}@font-face{font-family:abc;src:url('BrushScriptStd.otf');}p{原创 2016-08-04 09:37:17 · 466 阅读 · 0 评论 -
CSS选择器[下]
效果:index.html CSS选择器[下] 我是儿子 我是儿子 我是儿子 我是儿子 我是儿子 我是儿子//文本//复选框提交百度搜狗好搜加粗HTML5加粗style.css@charset "utf-8";///根选择器一般不用:ro原创 2016-08-03 16:08:56 · 230 阅读 · 0 评论 -
html5--文本元素
Ctrl+/ 注释单行。Ctrl+Shift+/ 注释多行。Ctrl+Z 撤销。Ctrl+Y 恢复撤销。Ctrl+Shift+S 新建文件夹。Ctrl+S 保存。//html lang="zh-en"或者是“zh-cn" 文本元素 b元素:这是HTML5教程strong元素:这是HTML5教程wbr元素(安全换行):这里填充一下:Thisussaflb原创 2016-08-01 15:41:02 · 529 阅读 · 0 评论 -
html5超链接和路径a的属性
锚点设置想要结果代码: 超链接和路径 //百度 index2//绝对路径一般移动后不可使用 ///以下是相对路径 index2//条件是文件必须都在一个磁盘或目录下 index2//子目录 index2//孙目录 index2//父目录 index2//爷目录 ///以下是锚点链接 第一章 第二章 第原创 2016-08-02 09:53:50 · 4734 阅读 · 0 评论 -
嵌入元素与图片路径问题
当html文件与图片在同一个文件夹下:当html与图片不在同一个文件夹下,可以用路径问题解决:index.html 嵌入元素 --> 借助于DW:index2.html: 嵌入元素 百度 | 好搜index4.html:原创 2016-08-06 14:43:56 · 370 阅读 · 0 评论 -
html5表单元素(中)
效果:代码: 表单元素(中) //复选框 音乐 体育//单选框 男 女 苹果 橘子原创 2016-08-02 17:02:26 · 350 阅读 · 0 评论 -
CSS边框与背景[下]
笔记:ctrl+s=保存crtl+shift+s=另存为crtl+n=新建Ctrl+/ 注释单行。Ctrl+Shift+/ 注释多行。Ctrl+Z 撤销。Ctrl+Y 恢复撤销。index.html CSS边框与背景[下] 我是HTML5>,我是HTML5>,我是HTML5>,style.css:@charset "utf-8";/*原创 2016-08-05 16:55:41 · 564 阅读 · 0 评论 -
html5 表单元素上
结果:代码: 表单元素(上) 注册分组 用户名: 电子邮件: 提交 重置 按钮 //电子邮件:ppt:原创 2016-08-02 15:39:17 · 372 阅读 · 0 评论 -
html 5视频和音频
效果:代码: 视频和音频 视频 音频 ppt:注释:ctrl+F5:刷新里层内容原创 2016-08-02 14:54:39 · 359 阅读 · 0 评论 -
html5 文档元素 布局
布局效果:代码: 表格元素 这里是大标题 这里是一个副标题 这里是一个导航 header这里存放网页的标头部分:logo,标题,导航等 这里是文档的主题部分///一个小的文篇布局 ... ... ... ...... 这里是尾部的副标题 footer这里存放原创 2016-08-02 12:36:34 · 527 阅读 · 0 评论 -
html5表格元素
效果:代码: 表格元素 ///行 张三///单元格 男 未婚 李四 女 已婚 姓名 性别 婚否 ///行 张三///单元格 男 未婚 李四 女 已婚原创 2016-08-02 12:04:27 · 648 阅读 · 0 评论 -
html5 分组元素
效果:代码: 分组元素 这是一个段落///换行 这是另一个段落 这是一个段落//比p行间距小,与br间距相同,但是可以设置 这是一个段落 这是一个段落///blockquote和p一样具有换行,特点是包含了首尾缩进 ///添加分行线 这是另一个段落 ### ### ###原创 2016-08-02 10:30:42 · 1044 阅读 · 0 评论