前言 : 关于前端的第二篇博客，会写关于css的，内容比较基...

2018-06-24 00:57:21

1、单行文本 overflow: hidden; white-space: nowrap; //用于处理元素内的空白，只在一行内显示 text-overflow: ellipsis; //超过宽度使用省略号 2、多行文本 word-break: break-all; text-overflow: ellipsis; display: -webkit-box; // 对象作为伸缩盒子模型显示 -we...

2018-06-24 00:57:20

HTML 指的是超文本标记语言 (Hyper Text Markup Language) XHTML 是更严谨更纯净的 HTML 版本。 XHTML 指可扩展超文本标签语言（EXtensible HyperText Markup Language）。 XHTML 是作为一种 XML 应用被重新定义的 HTML。 XHTML 是一个 W3C 标准。 你应该马上使用小写...

2018-06-24 00:57:19

转载网址：http://www.jb51.net/css/529846.html 前言 其实不管是三栏布局还是两栏布局都是我们在平时项目里经常使用的，也许你不知道什么事三栏布局什么是两栏布局但实际已经在用，或许你知道三栏布局的一种或两种方法，但实际操作中也只会依赖那某一种方法，本文具体...

2018-06-24 00:57:18

前面的话 CSS Hack是实现浏览器样式兼容的兜底办法，能不用就尽量不要使用。但是，针对一些浏览器的bug，比如老版本IE的bug，有时使用CSS Hack是不得已而为之的做法。本文将详细介绍CSS Hack。CSS Hack主要分为属性标记法和选择器前缀法两种 属性标记法 【IE6-】 对于I...

2018-06-24 00:57:18

最近在解决UI问题时碰到以下浏览器不兼容性问题（本人属于UI业余操作者，很多想法就很业余了）： 问题： IE8及其以下低版本IE浏览器在缩小窗口时，UI没有按照相应的要求显示窗口缩小时对应的布局；其他浏览器正常。 定位过程： 其实开始拿到问题时是无从下手，不知所以...

2018-06-24 00:57:15

前面的话 IE条件注释是微软从IE5开始就提供的一种非标准逻辑语句，作用是可以灵活的为不同IE版本浏览器导入不同html元素。很显然这种方法的最大好处就在于属于微软官方给出的兼容解决办法而且还能通过W3C的效验 识别IE 因为从IE10开始，IE浏览器已经不再支持条件注释。...

2018-06-24 00:57:13

1.transform-style 属性指定嵌套原始是怎样在三维空间中呈现。 语法：transform-style: flat | preserve-3d flat 表示所有子元素在2D平面呈现。 preserve-3d 表示所在元素在3D空间中呈现。 2.perspective 定义3D元素距视图的距离，以像素计，当为元素定义perspective...

2018-06-24 00:57:11

body的font-size:14px body第二代子元素的font-size: em: 1.2em=1.2*1.2*14px rem: 1.2rem=1.2*14px 视口高度:1000px 视口宽度:500px vh: 1vh=1000px/100 vw: 1vw=500px/100 vmin: vmin=500px/100 vmax: vmax=1000px ch: 单位通常被定义为数字0的宽度 ex: 定义为当前字...

2018-06-24 00:57:10

@-moz-keyframes tada{ 0%{-moz-transform:scale(1);} 10%,20%{-moz-transform:scale(0.9) rotate(-3deg);} 30%,50%,70%,90%{-moz-transform:scale(1.2) rotate(3deg);} 40%,60%,80%{-moz-transform:scale(1.2) rotate(-3deg);} 100%{-moz-transform:scale(1) rotate(0...

2018-06-24 00:57:00