Css
CSS学习笔记
07年的一篇blog，转到这个博客上1、要想元素相对于父元素决对定位，则父元素必须定位设置成relative。2、要想width属性跨浏览器可用，则需要设置该元素的float属性。3、父元素设置float或添加clear元素以试float元素的父元素能够有正确的空间。 4、a:linkvisitedhover...
flying-saucer + iText + Freemarker实现pdf的导出， 支持中文、css以及图片
项目中有个需求，需要将合同内容导出成pdf。上网查阅到了 iText ， iText 是一个生成PDF文档的开源Java库，能够动态的从XML或者数据库生成PDF，同时还可以对文档进行加密，权限控制，并且还支持Java/...
SCSS 在项目中的运用
最后一段时间一直在做一些网站或是CMS的项目，想用bootstrap，但是，设计那哥们说了，用什么都行，就不能用bootstrap，我去了个.....无语中，逼着自己写。说实话，就是用bootstrap也只能用些基本的，大部分的式样还得改，因为UI有很大的出入。下面是我的一些经验，css同js一样，不管项目多大，都要从...
css 布局之定位 相对/绝对/成比例缩放
给body添加overflow:hidden;可以将页面所有的滚动条隐藏，但必须要给body设置一个高度overflow:hidden;height:864px;父元素必须要设置position:relative 必须设置width与height且不能用百分比 &...
html + css3 demo
最近，在做一个比较大的网站，主要服务于欧美地区，全站为英文版本，因为是电子产品，因此，要展示产品内在美（扯个蛋！）仿照小米、錘子、苹果等网站，着重于css3动效效果，搜集整理了一些网站中用到的动效图，方便以后翻阅。所有页面的动效依照 anicollection动效来实现旋转菜单所有图标使用了：font-awe...
用CSS绘制最常见的形状和图形
#rectangle{width:200px;height:100px;background:red;}#circle{width:100px;height:100px;background:red;-moz-border-radius:50px;-webkit-border-radius:50px;border-ra...
用 CSS 隐藏页面元素
用CSS隐藏页面元素有许多种方法。你可以将opacity设为0 将visibility设为hidden 将display设为none将position设为absolute然后将位置设到不可见区域。 Opacity，占据网页布局，可以交互，读屏软件可以读到它 opaci...
DIV+CSS系统学习：转载
第一章职业规划和前景web前端开发工程师IT行业企业需求最多的人才结合最新的web职业发展目标：第一、梳理知识架构负责内容的jscss的基本语法和使用浏览器兼容和w3c标准的掌握结合js开始系统项目的开发成型阶段：精通css样式表控制认识HTML：html结构： <html><head>...
css 导航，菜单对应页面切换效果实现方法
实现原理：每个菜单有多个li标签，每个li标签含一个id,li标签的id用来标记：点击效果每个页面有一个id，这个id的作用是对应每个li标签的点击链接对应的页面，它的作用是用来标记：li标签的href指向页面位置li标签的href的指向,通过伪类target指向唯一的页面id:#app-version:target，...
css3动画特效：上下晃动的div
<divid="square"class="containeranimated">上下晃动</div>/***transform-origin设置旋转元素的基点位置*animation-name设置动画名称*animation-duration设置动画时间*animation-fill-mode...
css3 操作动画要点
CSS3有3种和动画相关的属性：transform,transition,animation。不同点：1. 触发条件不同。transition通常和hover等事件配合使用，由事件触发。animation则和gif动态图差不多，立即播放。2.循环。animation可以设定循环次数。3.精确性。animati...
ie-css3.htc 可以让IE低版本浏览器支持CSS3 的一个小工具
ie-css3.htc先说道说道这斯是弄啥嘞ie-css3.htc是一个可以让IE浏览器支持部份CSS3属性的htc文件，不只是box-shadow，它还可以让你的IE浏览器支持圆角属性border-radius和文字阴影属性text-shadow复制保存下面的代码并命名为ie-css.htc,放在你认为比较好的位置中...
css行高line-height的用法
一、line-height语法 line-height属性的具体定义列表如下：语法：line-height:normal|<实数>|<长度>|<百分比>|inherit说明：line-height属性设置行间的距离（行高），不能使用负值。该属性会影响行框的布局。在应用到一个...
css项目列表如何水平放置
列表项目默认分行排列，那么将列表项设置浮动就可以实现水平放置1li{float:left;}示例如下：创建Html元素123456<ul> <li>itemlist-1</li> <li...
css样式表中的样式覆盖顺序(转)
有时候在写CSS的过程中，某些限制总是不起作用，这就涉及了CSS样式覆盖的问题，如下 Css代码 #navigator { height: 100%; ...
