CSS 参考手册 实例 在一个声明中设置所有字体属性： p.ex1 { font:italic arial,sans-serif; }p.ex2 { font:italic bold 12px/20px arial,sans-serif; } 亲自试一试 浏览器支持 IE Firefox Chrome Safari Opera 所有浏览器都支持 font 属性。 注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inhe...
前面一篇博客解读了Android属性动画Property Animation系列一之ValueAnimator的相关知识点以及怎么使用。这篇博客继续解读Android 属性动画 ObjectAnimator 类的使用。 ObjectAnimator 相比ValueAnimator类，ObjectAnimator更加实用，因为它真正可以作用在一个对象上。不过ObjectAnimator是继承自ValueAnimator的，所以主体方法还是ValueAnimator里实现的。那么我们来看看ObjectAnimator的使用吧。常用方法有这些：ofFloat()，...
[attribute] 用于选取带有指定属性的元素。 [attribute=value] 用于选取带有指定属性和值的元素。 [attribute~=value] 用于选取属性值中包含指定词汇的元素。 [attribute|=value] 用于选取带有以指定值开头的属性值的元素，该值必须是整个单词。 [attribute^=value] 匹配属性值以指定值开头的每个元素。 [attribute$=value] 匹配属性值以指定值结尾的每个元素。 [attribute*=value] 匹配属...
margin: 20px;（上、下、左、右各20px。）margin: 20px 40px;（上、下20px；左、右40px。）margin: 20px 40px 60px;（上20px；左、右40px；下60px。）margin: 20px 40px 60px 80px;（上20px；右40px；下60px；左80px。）在css中使用margin可以将margin-top，margin-right，margin-bottom，margin-left，缩写为一个标记，顺序为上右下左（顺时针）。margin标记可以带一个、二个、三个、四个参数，各有不同的含义 http://www.100suca...
Android动画分类 市面上的很多APP都用到动画效果，动画效果用的好可以提升用户的体验度。那么Android系统都有哪些机制的动画呢？ 1.逐帧动画(frame-by-frame animation）。逐帧动画的工作原理很简单，其实就是将一个完整的动画拆分成一张张单独的图片，然后再将它们连贯起来进行播放，类似于动画片的工作原理。 2.补间动画（tweened animation）则是可以对View进行一系列的动画操作，包括淡入淡出、缩放、平移、旋转四种。 3....
azimuth ：设置或检索当前声音的音场角度。举例 div { azimuth : 30deg; }speak：设置或检索声音是否给出。举例 acronym { speak: spell-out }stress：设置或检索当前声音波形的最高峰值。举例 body { stress: 75 } richness：设置或检索当前声音的音色。举例 body { richness: 75 }border-collapse：设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开。举例 table { border-collapse: separate; } 边框独立...
CSS--属性 css属性键值对，property：value。主要是一下几类： 文字相关属性：控制文字的字体，颜色，修饰，阴影等属性。 font-family 设置字体类型，如"Arial"、"宋体"等 font-size 设置字体大小，常用度量单位pt和px font-style 设置字体风格，可选值normal, italic和oblique font-weigh 设置字体“重量”，常用值为normal和bold font 综合设置上述各种字体属性 段落相关属性：控制整个段或者div的显示效果，...
在上一篇中我们学习了属性动画的ObjectAnimator使用，不了解的可以看看 Android属性动画Property Animation系列一之ObjectAnimator。这一篇我们来学点新的东西。做项目的时候应该碰到这种问题：根据不同条件显示或者隐藏一个控件或者布局，我们能想到的第一个方法就是 调用View.setVisibility（）方法。虽然实现了显示隐藏效果，但是总感觉这样的显示隐藏过程很僵硬，让人不是很舒服，那么有没有办法能让这种显示隐藏有个过渡的动画...
TinyMCE在粘贴含有style属性的HTML代码时，会自动清除style属性，设置 extended_valid_elements 也只能在Firefox浏览器起作用，Chrome无效。 extended_valid_elements: div[style|class|id] Chrome下即使设置了 inline_styles: true, schema: html5, 也没有用 无奈去看TinyMCE源码，发现如果去掉 plugins 里的 paste 就不会被剔除样式，最终在 plugin/paste/plugin.js 里找到这样一段代码： function addPreProcessFilter(filt...
flex实现子块的完美居中 方案 父块使用display:flex属性,子块margin自适应即可实现 代码 index.html 块状元素垂直居中(已知高度) *{margin: 0;padding: 0;} .parent{ display: flex; height:500px; background: #03A1FA; } .child{ width: 100px; height: 100px; margin: auto; background: #BB3713; } /* 这个依赖于设置“margin”值为“auto”值，自动获取伸缩容器中剩余的空间。所以设置垂直方向margin值为“au...
①为什么这样能形成三角形？没看懂原理 无标题文档.arrow_box { background: #f8f8f8; box-shadow: 0px 1px 0px rgba(255,255,255,.1), inset 0px 1px 1px rgba(214, 214, 214, 0.7); width: 730px; border-radius: 6px; position: relative; padding: 20px 0; margin: 20px 0;padding-left:180px;}.arrow_box::before { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0px 0 20px 22px; borde...
在css3中,position的属性值有：inherit, static, relative ,absolute, fixed. inherit 是继承父元素的position属性值,IE不支持。 static 默认值，元素出现在正常的流中，忽略 （TRBL）和z-index的值。请参照下面的例子，div1由于position的值为static，所以top,left 没有起作用. test position static .divPos{ position:static; left:100px; top:100px; } this ...
很基础的知识，每天get一个小技能...... 一、含义 overflow属性：属性规定当元素框中的内容溢出元素框时发生的事件 通俗来说就是当一个父元素里放置的子元素比它大时，要发生什么 二、属性值 三、测试例子 我们给一个div中包含一张图片，让图片的高度大于div的宽度，然后设置div不同的overflow值，看实际的页面效果 overflow测试 body{ margin:0px; padding:0px; } .pic_wrap { ...
一、使用介绍 专为input元素服务，为其定义标记。 for属性规定label与哪个表单元素绑定 label和表单控件绑定方式又两种： 1、将表单控件作为label的内容，这样就是隐士绑定。 此时不需要for属性，绑定的控件也不需要id属性。 隐式绑定：Date of Birth: 2、为标签下的for属性命名一个目标表单的id，这就是现实绑定。 显式绑定：Social Security Number: 二、为什么要给加上for属性 给加了for属性绑...
1、-webkit-tap-highlight-color 移动端页面点击按钮时会发现按钮上会出现一块阴影，设置-webkit-tap-highlight-color:rgba(0,0,0,0);就可以了，将阴影设置成透明就看不见了； 2、-webkit-line-clamp 限制在一个块元素显示的文本的行数，可以配合其他属性设置多行文本溢出省略号的效果 3、-webkit-text-stroke 文字边框，可以配合color:transparent;设置镂空文字的效果 4、-webkit-background-clip 背景...