常用的CSS3新特性 圆角1.border-radius 圆角边框2.box-shadow 阴影框3.border-image (不支持ie)边界图片 背景1.background-image2.background-size3.background-origin 指定背景图片的位置区域(border-box, padding-box, content-box)4.background-clip 背景剪裁(指从指定位置 2019-03-31 前端 CSS
JavaScript原型 一、JavaScript 的原型:1、如果所有对象都有私有字段[[prototype]],就是对象都原型;2、读一个属性,如果对象本身没有,则会继续访问对象的原型,直到原型为空或者找到为止。 二、ES6提供了三个直接访问操作原型的方法1、Object.create 根据指定的原型创建新对象,原型可以是null;2、Object.getPrototypeOf 获取一个对象的原型;3、Object.s 2019-03-03 前端 JavaScript
CSS规则 @规则1.@charset用于提示CSS文件使用的字符编码方式,必须出现在最前面 @charset “utf-8”2.@import用于引入一个CSS文件,除了@charset规则不会被引入,其他文件的全部内容都能被引入 3.@media对设备类型进行判断 4.@page用于分页媒体访问网页时的表现设置 @page { size:8.5in 11in; margin:10%; 2019-03-03 前端 CSS
i标签的使用 问题:使用i标签引入小图标如箭头、☑️ 等icon时不显示图标; i标签是行内元素,行内元素定义宽高是无效的,类比用a标签做button时定义宽高无效;需要设置display = block或者inline-block转化为块级元素才有效。 此外,对于行内元素,margin上下对其无效(左右有效);而 2019-01-24 前端 CSS
CSS蒙层效果 今天在制作高保真视觉效果图的时候,遇到一个这样的需求:在一张图片的上层加了一层灰色的蒙板,使得整个图片达到变暗的效果。第一时间的想法就是现设置 background: gray url(…) no-repeat;然而这样达到的效果仅仅是图片覆盖背景色,并不能让他们重合。后来了解到了background-blend-mode 属性,他定义了背景层的混合模式(图片与颜色)。 b 2018-12-01 前端 CSS