51Dev开发社区
登录 注册

#CSS定位

CSS实现单行、多行文本溢出显示省略号（…）
如果实现单行文本的溢出显示省略号应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法：overflow:hidden;text-overflow:ellipsis;white-space:nowrap;  但是这个属性只支持单行文本的溢...
IT猿 ·2020-03-27

selenium xpath定位方式
1.绝对定位：  此方法最为简单，具体格式为     xxx.find_element_by_xpath("绝对路径")  具体例子：     xxx.find_element_b...
IT猿 ·2020-03-27

利用CSS3选择器实现表格的斑马纹
要用到的Css3选择器element:nth-child(number){}选择器匹配属于其父元素的第number个子元素参数Numberodd奇数even偶数W3School介绍:http://www.w3school.com.cn/cssref/selector_nth-child.asp　　完整demo:<...
IT猿 ·2020-03-27

CSS学习笔记
07年的一篇blog，转到这个博客上1、要想元素相对于父元素决对定位，则父元素必须定位设置成relative。2、要想width属性跨浏览器可用，则需要设置该元素的float属性。3、父元素设置float或添加clear元素以试float元素的父元素能够有正确的空间。 4、a:linkvisitedhover...
IT猿 ·2020-03-27

flying-saucer + iText + Freemarker实现pdf的导出， 支持中文、css以及图片
     项目中有个需求，需要将合同内容导出成pdf。上网查阅到了 iText ， iText 是一个生成PDF文档的开源Java库，能够动态的从XML或者数据库生成PDF，同时还可以对文档进行加密，权限控制，并且还支持Java/...
IT猿 ·2020-03-27

SCSS 在项目中的运用
最后一段时间一直在做一些网站或是CMS的项目，想用bootstrap，但是，设计那哥们说了，用什么都行，就不能用bootstrap，我去了个.....无语中，逼着自己写。说实话，就是用bootstrap也只能用些基本的，大部分的式样还得改，因为UI有很大的出入。下面是我的一些经验，css同js一样，不管项目多大，都要从...
IT猿 ·2020-03-26

锚点定位跳转的各种实现方法
最近在做webapp时有几个页面，都需要同一个效果：锚点跳转。我认为，在webapp中做锚点跳转，很别扭，网页中比较常见的方法，但是在手机端运用却不合适，那是那个SB的后台，非得让做成那效果。没办法，谁让人家是老员工了。使用锚点跳转做的静态页面，没有一点问题，但是经过他加的php后，就不跳转了，坑爹的玩意！在调试过程中...
IT猿 ·2020-03-26

css 布局之定位 相对/绝对/成比例缩放
给body添加overflow:hidden;可以将页面所有的滚动条隐藏，但必须要给body设置一个高度overflow:hidden;height:864px;父元素必须要设置position:relative   必须设置width与height且不能用百分比  &...
IT猿 ·2020-03-26

html + css3 demo
最近，在做一个比较大的网站，主要服务于欧美地区，全站为英文版本，因为是电子产品，因此，要展示产品内在美（扯个蛋！）仿照小米、錘子、苹果等网站，着重于css3动效效果，搜集整理了一些网站中用到的动效图，方便以后翻阅。所有页面的动效依照 anicollection动效来实现旋转菜单所有图标使用了：font-awe...
IT猿 ·2020-03-26

用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...
IT猿 ·2020-03-26

用 CSS 隐藏页面元素
用CSS隐藏页面元素有许多种方法。你可以将opacity设为0 将visibility设为hidden 将display设为none将position设为absolute然后将位置设到不可见区域。 Opacity，占据网页布局，可以交互，读屏软件可以读到它  opaci...
IT猿 ·2020-03-26

DIV+CSS系统学习：转载
第一章职业规划和前景web前端开发工程师IT行业企业需求最多的人才结合最新的web职业发展目标：第一、梳理知识架构负责内容的jscss的基本语法和使用浏览器兼容和w3c标准的掌握结合js开始系统项目的开发成型阶段：精通css样式表控制认识HTML：html结构： <html><head>...
IT猿 ·2020-03-26

css 导航，菜单对应页面切换效果实现方法
实现原理：每个菜单有多个li标签，每个li标签含一个id,li标签的id用来标记：点击效果每个页面有一个id，这个id的作用是对应每个li标签的点击链接对应的页面，它的作用是用来标记：li标签的href指向页面位置li标签的href的指向,通过伪类target指向唯一的页面id:#app-version:target，...
IT猿 ·2020-03-26

css3动画特效：上下晃动的div
<divid="square"class="containeranimated">上下晃动</div>/***transform-origin设置旋转元素的基点位置*animation-name设置动画名称*animation-duration设置动画时间*animation-fill-mode...
IT猿 ·2020-03-26

css3 操作动画要点
CSS3有3种和动画相关的属性：transform,transition,animation。不同点：1. 触发条件不同。transition通常和hover等事件配合使用，由事件触发。animation则和gif动态图差不多，立即播放。2.循环。animation可以设定循环次数。3.精确性。animati...
IT猿 ·2020-03-26
首页上一页...130131132133134...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他