mxclsh的博客

字体属性：(font)大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常)行高 {line-height: normal;}(正常) 单位：PX、PD、EM粗细 {font-weight: bold;...

前端界面开发表示大小的单位有 px、rem、em。这三种有什么区别呢？px指像素值，固定大小，较好理解。rem、em的区别呢？em是针对body中的font-size的倍数，rem是针对html的倍数。1、emem是针对body中font-size的倍数，font-size默认是24px例：body{font-size:62.5%;}则：1em=10px2、remrem是针对html...

CSS：1、总：body{margin: 0;font-family: Arial,“Mircoscft YaHei”;color: #666;position:relative;}.page{height: 100%;width: 100%;position: absolute;left:0;top:0;overflow: hidden;}2、获取到class=page的第1个，然后给其...

CSS3 Generator大家最喜爱的用于代码生成的 web 应用之一就是 CSS3 Generator。对于不同类别的代码生成器，包括 RGBa，transform，flexbox 等等，它有不同的页面。另外，每个代码生成器还包括用于解释哪个浏览器版本完全支持该属性的图标。官方网站：http://css3generator.com1111/Enjoy CSS想要更动态的应用程序...

做响应式系统设计的时候遇到需要对标题进行多行文字截取的效果，如下图：看似十分简单的标题截断效果，但是竟然没有一个统一 CSS 属性实现标准，需要用到一些奇淫妙计来实现，一般来说，在做这样文字截断效果时我们更多是希望：兼容性好，对各大主流浏览器有好的支持响应式截断，根据不同宽度做出调整文本超出范围才显示省略号，否则不显示省略号省略号位置显示刚好基于上述的准则，下面我就讲介绍各种技巧实现...

单侧投影先说单侧投影，关于 box-shadow，大部分时候，我们使用它都是用来生成一个两侧的投影，或者一个四侧的投影。如下：OK，那如果要生成一个单侧的投影呢？我们来看看 box-shadow 的用法定义：{ box-shadow: none | [inset? && [ <offset-x> <offset-y> <blur-ra...

1、给父盒子设置高度2、clear:both3、伪元素清除法4、overflow：hidden2、 clear：bothclear：意思就是清除的意思。有三个值：left：当前元素左边不允许有浮动元素right：当前元素右边不允许有浮动元素both：当前元素左右两边不允许有浮动元素3、伪元素清除法(常用)给浮动子元素的父盒子，也就是不浮动元素，添加一个clearfix的类...

20个有用的CSS小技巧，来帮你把CSS技能提高到高级水平 [Github上有8000多个star]。包括Flexbox、REM、:not()选择器、负的nth-child等。01、使用CSS复位CSS复位可以在不同的浏览器上保持一致的样式风格。您可以使用CSS reset 库Normalize等，也可以使用一个更简化的复位方法：{box-sizing: border-box;marg...

当文字与盒子重叠时，方法一，令盒子的z-index=-1；即可方法二，盒子和p/span等标签同时设置position: absolute;再设置z-index=xx;此时的z-index值谁大谁就在上方...

默认字体16px；px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。EM特点em的值并不是固定的；em会继承父级元素的字体大小。rem是CSS3新增的一个相对单位（root em，根em），使用rem为元素设定字体大小时，仍然是相对大...