一、博客系统进度回顾以及页面设计 1.1页面设计说明 紧接前面基础基本完成了框架搭建，现在开始设计页面，前台页面设计我是模仿我博客园的风格来设计的，后台是常规的左右布局风格。 1.2前台页面风格 主页面： 技术博客风格： 详情页风格： 详情页留言风格： 1.3后台风格： 表格风格： 博客发布风格： ... ...
分类：
Web程序 时间：
2016-10-04 07:26:25
阅读次数：
417
CSS是层叠样式表（Cascading Style Sheets）的缩写，它有以下优点：①提高页面浏览速度；②缩短改版时间，降低维护费用；③更好的控制页面布局；④实现表现和结构、内容相分离；⑤更方便搜索引擎的搜索。在HTML文档中加入CSS有三种方法:外部样式表、内部样式表和行内样式表。外部样式表: ...
分类：
Web程序 时间：
2016-10-03 21:30:20
阅读次数：
187
跨终端/响应式页面不外乎是让各种分辨率的屏幕都能顺利阅读你的页面，常规来讲一个跨终端页面，在宽屏的电脑上看和在小屏幕手机上看的布局是不同的，布局不同的原因是为了让读者更好地阅读你的页面，见下图： 这里有点要提到的是，我们常规会将PC版的页面和移动端设备的页面独立开来设计，这样会让PC端的页面布局更灵 ...
分类：
移动开发 时间：
2016-09-30 18:17:27
阅读次数：
282
/* 文件说明：页面加载时Loading JS 文件描述：解决IE或FF下，初始化加载时，页面布局乱掉的问题，参考：*/var width = $(window).width();var height = $(window).height(); var html = "<div id='loadin ...
分类：
其他好文 时间：
2016-09-30 09:35:24
阅读次数：
107
CSS是层叠样式表(Cascading Style Sheets)的缩写，它有以下优点:①提高页面浏览速度；②缩短改版时间，降低维护费用；③更好的控制页面布局；④实现表现和结构、内容相分离；⑤更方便搜索引擎的搜索。在HTML文档中加入CSS有三种方法:外部样式表、内部样式表和行内样式表。外部样式表: ...
分类：
Web程序 时间：
2016-09-30 02:28:49
阅读次数：
165
Flexbox(中文版本可以点击这里)的布局是一个用于页面布局的全新CSS3模块功能。它可以把列表放在同一个方向（从左到右或从上到下排列），并且让这些列表能延伸到占用可用的空间。较为复杂的布局可以通过嵌套一个伸缩容器（flex container）来辅助实现。 Flexbox可以简单快速的创建一个具 ...
分类：
Web程序 时间：
2016-09-28 10:05:08
阅读次数：
190
这是要实现的效果图： 一.HTML页面布局 <!-- HTML页面布局 --><ul class="tab_menu"> <li class="selected">房产</li> <li>家居</li> <li>二手房</li></ul><div class="tab_box"> <div> 275 ...
分类：
Web程序 时间：
2016-09-23 21:23:23
阅读次数：
254
第一次遇到菱形图片时感到不好处理，后来经过查资料及请问经验丰富的前端开发人员后总结了两种方法，在此写出来以供大家参考…… 设计师给出的设计图类似下图： 解决办法一： 思路：首先切图的时候每个图片都顺时针旋转45°，切成圆角矩形（如下图），然后利用transform:rotate(-45deg);把图 ...
分类：
其他好文 时间：
2016-09-20 19:35:29
阅读次数：
125
二十四、Struts2中的UI标签 Struts2中UI标签的优势： 数据回显 页面布局和排版（Freemark），struts2提供了一些常用的排版（主题：xhtml默认 simple ajax） 可以使用OGNL表达式 模板： 常量设置的：struts.ui.theme=xhtml 开发中建议设... ...
分类：
其他好文 时间：
2016-09-19 22:11:30
阅读次数：
154
简介 选择器（Selector） 常用属性 页面布局 简介 CSS(Cascading Style Sheets的简称)，层叠样式表 CSS的引入方式： 1.行内式 行内式是在标签的style属性中设定CSS样式。 2.嵌入式 嵌入式是将CSS样式集中写在网页的<head>标签的<style></s ...
分类：
Web程序 时间：
2016-09-18 08:55:09
阅读次数：
318
