CSS3-有客帮

CSS3弹性盒模型

有客 7年前 (2015-10-12) 1127浏览

弹性盒模型，在使用弹性盒模型时，父元素必须要加：display：box; 或display: inline-box; box-orient定义盒模型的布局方向，horizontal水平显示，vertical垂直显示 <style> 　　....

有客 7年前 (2015-10-12) 1210浏览

1.分栏布局，-webkit-column-width（定义每栏的宽度，会根据每栏宽度自动分成若干栏） <style> .wrap {width: 900px; border: 1px solid #000; font: 14px/28p...

有客 7年前 (2015-10-12) 1165浏览

圆角，border-radius: 1-4个数字/1-4个数字，前面是水平，后面是垂直，不给“/”表示水平和垂直一样，举例如下： <head> <meta http-equiv=”Content-...

有客 8年前 (2015-08-05) 1283浏览

目前来说大部分网站都已经采用CSS来架构网页了，所以很多人都在学习CSS，以下是一些有客搜集来的CSS比较常用的技巧，CSS2/CSS3的都有，可能有些你已经知道，但有些是新的，都可以读一读，而且也很适合新手们去学习。 01.DIV水平居中 DIV ...

有客 9年前 (2014-09-15) 1736浏览

写页面设计的朋友们，经常为浏览器CSS的兼容性头痛不已，经过本人的仔细研究发现一种好的写法，现在与大家分享. #body { border:2px solid #00f; /*ff的属性*/ border:2px solid #0...

有客 9年前 (2014-09-15) 2868浏览

使用CSS3画出一个叮当猫,让蓝胖子的眼睛动起来！测试各个浏览器对CSS3的解释效果，上边的”图像”并非图片，而是纯CSS。目前各个浏览器对CSS3的支持效果不一样，其中IE系的浏览器支持效果最差。下面是IE7 .8和F...

有客 9年前 (2014-09-15) 1985浏览

语法：FILTER: FlipV 说明：垂直翻转对象内容。使用代码：style=”FILTER: FlipV“语法：FILTER：FlipH 说明：水平翻转对象内容。使用代码：style=”FILTER: Flip...

有客 9年前 (2014-09-15) 1749浏览

语法： @font-face { font-family : name ; src : url( url ) ; sRules } 说明： name : 　字体名称url : 　使用绝对或相对地址指定OpenType字体sRules : 　样式表定义...

有客 9年前 (2014-09-15) 1619浏览

几款浏览器对透明度的支持方式各不相同，为了保证在IE, Firefox, Chrome, Safari等主流浏览器下都能正常显示透明度的效果，我们可以定义一个透明度的Class，因为一写就要写3条，省的每次都复制来复制去了。具体代码如下： .tran...

有客 9年前 (2014-09-15) 1615浏览

转载请注明：有客帮 » 用户界面操作类(WEB UI) — ICONS