Css
关注
分享
扫一扫
tyust512
Java方面：<br/>1．掌握Java语言及面向对象的设计思想。<br/>2．熟悉JSP，Servlet等J2EE的核心技术。<br/>3．熟练使用Struts2、Hibernate框架。<br/>4．熟练应用JavaScript ,CSS。<br/>5．熟悉AJAX。<br/>数据库方面：<br/>1．熟悉SQL语言，能够熟练的使用SQL语句创建表，进行增删改查等操作。<br/>2．熟练运用Oracle,MySQL等数据库系统以及基于Oracle进行的应用程序开发。
展开
-
css中px和em的区别
◆px像素（Pixel），相对长度单位。是相对于显示器屏幕分辨率而言的。◆em是相对长度单位，相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。因此用px来定义字体，就无法用浏览器字体放大的功能。任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合:1em=16px。那么12px=0.75em,10px=0.625em。为转载 2015-05-30 18:46:15 · 113 阅读 · 0 评论 -
设备像素(物理像素), css像素, 设备独立像素, 设备像素比
在做移动页面开发的时候，相信你经常会遇到这种情况：在不同的手机上看时，里面的图片、文字或者线的大小会不一样，有时候大小区别还非常地大。 原因就是设备像素比在作怪。设备的屏幕分辨率对于WEB开发者来说是无法通过代码来获得的，是完全透明的。设备像素又叫物理像素 是显示屏能够控制的最小显示单位.css像素它就是css上用的像素: border: 1px solid black; 它是web编程抽象的转载 2016-07-20 15:43:30 · 1979 阅读 · 0 评论 -
JS实践
判断 鼠标在div对角线的上边还是下面<div style="background-color: red; height: 30vw" onclick="show(event)"></div><script type="application/javascript"> var show = function(event) { //alert(event.offsetX + ','原创 2016-07-07 21:53:48 · 246 阅读 · 0 评论 -
CSS3判断手机横屏竖屏
原理： 当用户旋转屏幕的时候，会进入到你的监听方法中，然后通过window.orientation来获取当前屏幕的状态： 0 - 竖屏 90 - 逆时针旋转, 横屏 -90 - 顺时针旋转, 横屏 180 - 竖屏，上下颠倒在body上面监听屏幕的旋转, 可以调用CSS3的transition中的旋转来保持页面竖向。 在移动设备上的网页中，当屏幕旋转的时候会触发orientationch转载 2016-07-07 20:32:25 · 1112 阅读 · 0 评论 -
常用css
1 块元素内容换行style="overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; "参考这原创 2015-09-02 15:50:41 · 371 阅读 · 0 评论 -
css3
常用私有属性IE@-ms-viewport{ width: device-width;}火狐-moz-user-select: none谷歌 safari@-webkit-keyframes swiper-preloader-spin{ 100%{ -webkit-transform: rotate(360deg); }}统一的@keyframes sw原创 2016-07-14 15:28:44 · 273 阅读 · 0 评论 -
css常用属性区分
word-wrap和word-break默认情况下,当一个单词很长放不下的时候, browser会把他挪到下面一行. 但是如果单词太长并且找不到自然断点, 被挪到下面一行后也会溢出父容器.word-wrap(换行)如果空间不够, 会尝试把长单词挪到下面一行, 如果新的一行空间不够, 则单词内断句.这里写代码片用来指定是否允许浏览器在word中断句. 当一个字符串太长但是找不到他的自然断点时,原创 2016-04-19 12:26:38 · 319 阅读 · 0 评论 -
背景渐变效果
1 去除渐变效果style="background-image: none;"2 添加渐变效果我们这样去定义CSS3样式：<!--Firefox-->background-image: -moz-linear-gradient(top, #8fa1ff, #3757fa);<!-- Saf4+, Chrome -->background-image: -webkit-gradient(linea原创 2015-08-24 16:58:00 · 297 阅读 · 0 评论 -
强制折行
word-wrap: break-word; word-break:break-all;原创 2015-05-25 11:07:43 · 100 阅读 · 0 评论 -
强制折行
word-wrap: break-word; //在长单词或 URL 地址内部进行换行。word-break:break-all; //允许在单词内换行。原创 2015-05-26 15:06:47 · 378 阅读 · 0 评论 -
Css实现垂直和水平居中的方法
Ⅰ.绝对定位 居中我们经常用margin:0 auto来实现水平居中，而一直认为margin:auto不能实现垂直居中……实际上，实现垂直居中仅需要声明元素高度和下面的CSS:[css] view plaincopy.Absolute-Center { margin: auto; position: absolute;转载 2015-06-09 17:53:58 · 393 阅读 · 0 评论 -
dispaly的 inline, block, inline-block
block： 就是将元素显示为块级元素, 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度 , , , , 和 是块元素的例子。 display:inline就是将元素显示为行内元素.inline： 和其他元素都在一行上； 高，行高及顶和底边距不可改变； 宽度就是它的文字或图片的宽度，不可改变转载 2015-06-03 09:29:17 · 322 阅读 · 0 评论 -
PX EM REM 区别
换算工具： http://pxtoem.com/在Web中，可以使用多种单位来定义页面的字体大小， Font-Size: em vs. px vs. pt vs. percent. 他们之间各有利弊。PX为单位早期的css使用它，相对长度，相对于屏幕分辨率而言。优点：它比较稳定和精确。缺点：不适合移动端开发，不符合响应式布局，当在不同浏览器或是ie浏览器上，浏览器大小被改变转载 2015-06-23 17:53:37 · 341 阅读 · 0 评论 -
常用的几个开发css的工具
Pure CSSCSS TrashmanBear CSSGlueTopcoat.FitgrdNormalize.cssHelium CSSCSS only responsive navigationNormalize.css官网: http://necolas.github.io/normalize.css/转载 2015-06-01 15:32:37 · 450 阅读 · 1 评论 -
Css样式的优先级别
http://www.cnblogs.com/xugang/archive/2010/09/24/1833760.html转载 2015-06-01 00:34:33 · 427 阅读 · 0 评论 -
图片的懒加载
原理当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。 这就是图片懒加载。难点知道什么时候img在可视区域内先了解下基本的概念 获取屏幕可视窗口大小对应于图中1、2位置处window.innerHeight 标准浏览器及IE9+ document.转载 2016-10-21 17:56:41 · 345 阅读 · 0 评论