border

java web 实现分页功能 使用框架：ssm 数据库：oracle 话说 oracle 的分页查询比 mysql 复杂多了，在这里简单谈一下： 查询 前十条数据： 1 SELECT * FROM( 2 SELECT ROWNUM WN,RN.* FROM ( 3 SELECT 4 id, 5 title, 6 create_time as createTime, 7 musictor, 8 musictitle 9 FROM 10 krry_blog 11 ORDER BY create_time desc 12 )RN 13 )WN 14 WHERE WN <= 10 AND WN > 0 oracle 分页查询语法较为复杂， 同样的结果，mysql 的语法是：用一个 LIMIT 就可以解决。 LIMIT a,b ： 参数 a：第 a 条数据开始查询（不包括第 a 条）， 参数 b：查询 b 条数据 1 SELECT 2 id, 3 title, 4 create_time as createTime, 5 musictor, 6 musictitle 7 FROM 8 krry_blog 9 ORDER BY create_time desc 10 LIMIT 5,3 查询的是从结果集中第5条数据开始的3条数据 （即查询出第6、第7、第8条数据） SSM 框架的搭建

border-top-right-radius: 5px; //右上 border-top-left-radius: 5px; //左上 border-bottom-right-radius: 5px; //右下 border-bottom-left-radius: 5px; //左下 来源： CSDN 作者： jialan75 链接： https://blog.csdn.net/jialan75/article/details/104075424

CSS3特性 transform 示例： div { transform:rotate(30deg); } 用于元素的偏转（不再是一个简单的块状） deg：角度 顺时针旋转 ## border-image,border-radius,box-shadow border-image 利用border-image可以自定义边框： border-image 用法： div { border-image:url(border.png) 30 30 round; } 效果： border-image有一下属性： border-image-source（指定图片url(路径)） border-image-slice（图片边框向内偏移） border-image-width（图片边框的宽度） border-image-outset（边框图像区域超出边框的量） border-image-repeat（是否平铺（repeated),拉伸(stretched),铺满（rounded) 默认值：none 100% 1 0 stretch 其中border-image-slice这个参数是没有单位的，或者说是默认单位就是像素(px)(但是不能写进去)（支持百分值但是就是0.xx) box-shawdow 语法： box-shadow：x-shadow y-shadow blur spread color

原文：http://www.cnblogs.com/zhaoran/archive/2013/05/24/3097482.html box-sizing属性可以为两个值之一：content-box（default），border-box。 content-box，border和padding不计算入width之内 border-box，border和padding计算入width之内 ie8+浏览器支持content-box和border-box； ff，google则支持全部两个值。 使用时： -webkit-box-sizing: 100px; // for ios-safari, android -moz-box-sizing:100px; //for ff box-sizing:100px; //for other 栗子： <style type="text/css"> .content-box{ box-sizing:content-box; -moz-box-sizing:content-box; width: 100px; height: 100px; padding: 20px; border: 5px solid #E6A43F; background: blue; } .border-box{ box-sizing:border-box; -moz-box

CSS代码： /*公用*/ body { font-size:13px; padding:0; margin:0; font-family:"微软雅黑","宋体",Arial; background:#205424 url("https://www.cnblogs.com/images/cnblogs_com/carcar/1468123/o_18002.jpg") no-repeat top center fixed; background-size:100% 100%; min-width:1200px; } #home { opacity: 0.65; filter: alpha(opacity=95); box-shadow:0 0 10px #000; margin:40px auto; width:1200px; background:#fff; overflow:auto; border:solid 1px #fff; } /*段落*/ .postBody p,.postCon p { margin:7px 0; line-height:24px; } h1 { margin:0; } h3 { font-size:15px; font-weight:bold; } /*超链接*/ a { color:#464646; text-decoration:none; }

1.指定文本前后添加内容 <div class="box">test</div> .box::before{ content: 'before'; margin-right:10px ; } .box::after{ content: 'after'; margin-left:10px ; } 2. 实现一个书签标记logo <div class="mark"> 标<br>记 </div> .mark{ width: 30px; height: 55px; color: #fff; border-radius: 3px 3px 0 0; background-color: red; text-align: center; position: relative; &::after,&::before{ position: absolute; content: ''; display: block; border: 15px solid transparent; } &::after{ right: 0; border-right: 15px solid red; bottom: -15px; } &::before{ left: 0; border-left: 15px solid red; bottom: -15px; } } 3.文字前后自动加上引号 <div class=

摘要 ：这几天临近过年，事情有点多，学习总是段段续续的，今天总算完成了CSS的基本知识学习。 学习笔记 ： 西瓜学习javaweb 1.css简述。 1.1 css是什么？有什么作用？ HTML-------》 页面的结构 ------》人的面部（素颜） CSS--------》 美化页面 ------》给人化妆 CSS （Cascading Style Sheets）：层叠样式表 层叠：一层一层叠加 样式表：存储样式的地方，多个样式 就好像：给一个人的面部化妆， 画口红， 画眼影， 打粉底。 HTML标签， 样式1， 样式2， 样式3。 CSS通常称为CSS样表或层叠样式表，主要用于设置HTML页面的文本内容（字体、大小、对其方式等）、图片的外形（高度、宽度、边框样式、边距等）以及版面的布局等外观显示样式。 CSS可以使HTML页面更加好看，CSS色系的搭配可以让用户更舒服，CSS+DIV布局更加灵活，更容易绘制出用户需要的结构。 CSS作用： 修饰HTML页面，更加丰富多彩地展示超文本信息。 1.2 CSS入门案例 <font size= "7" >今天天气好晴朗</font><br/> <font style="font-size: 120px ;">今天天气好晴朗</font> 1.3为什么实用CSS代替HTML属性设置样式 因为HTML属性在单独使用时有一定的局限性

前些日子总被人问起 iOS Retina 屏，设置 1px 边框，实际显示 2px，如何解决？ 原来一直没在意，源于自己根本不是像素眼…… 今天仔细瞅了瞅原生实现的边框和CSS设置的边框，确实差距不小…… 上图是原生实现，下图是 CSS 边框，手机上对比更加明显 然后，如何解决呢？搜遍整个谷歌，发现好多人早已开始研究解决方案了。到底有哪些方案，到底好不好用呢？试过才知道，把我试过的结论记录一下。 有说用 0.5px 解决的 在2014年的 WWDC，“设计响应的Web体验” 一讲中，Ted O’Connor 讲到关于“retina hairlines”（retina 极细的线）：在retina屏上仅仅显示1物理像素的边框，开发者应该如何处理呢。 他们曾介绍到 iOS 8 和 OS X Yosemite 即将支持 0.5px 的边框： 额的神呐！so easy! 果真如此吗？ 这样还不够（WWDC幻灯片通常是“唬人”的），但是相差不多。 问题是 retina 屏的浏览器可能不认识0.5px的边框，将会把它解释成0px，没有边框。包括 iOS 7 和 之前版本，OS X Mavericks 及以前版本，还有 Android 设备。 解决方案 解决方案是通过 JavaScript 检测浏览器能否处理0.5px的边框，如果可以，给 <html> 元素添加个 class 。 1 2 3 4