Ge_Xuan's Blog 
  • 首页
  • 归档
  • 分类
  • 标签
  • 关于
  •   
  •   

常用的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
1234

搜索

Hexo Fluid
总访问量 次 总访客数 人