• 设备像素比+图片高清显示+移动适配

    一、设备像素比 dpr (devicePixelRatio) 首先进行概念的一些解释: 1、物理像素(又称硬件像素)(physical pixel) 一个物理像素是显示器上最小的物理显示单元,每一个像素都有自己的颜色值和亮度。 同一个设备,它的物理像素是固定的,即一个设备的分辨率是固定的...

    2018-06-24 02:00:59 js方法css文件css代码

  • JavaScript 高级之面向对象

    1. 对象属性及方法 创建对象的方式 script // 创建对象的方式一 var obj = {}; // 创建对象的方式一 var obj = new Object(); /script 挂载在对象上的变量叫对象的属性;挂载在对象上的函数叫对象的方法 obj.name = "David" ; obj.say = function () { alert( this.nam...

    2018-06-24 02:00:28 css代码

  • 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术

    来自http://blog.csdn.net/freshlover/article/details/11579669 翻译 2013年09月11日 21:06:11 标签: 绝对居中/ 垂直居中/ 水平居中/ CSS居中代码 Ⅰ.绝对定位居中(Absolute Centering)技术 我们经常用margin:0 auto来实现水平居中,而一直认为margin:auto不能实现垂...

    2018-06-24 01:59:37 css代码html标记

  • Sublime的用法

    一、首先安装插件 1、安装Package Control,这是为了安装其他插件做基础,它可以方便我们下载其他插件 (1)、按Ctrl+`调出console(注:避免热键冲突) (2)、粘贴以下代码到命令行并回车: import urllib.request,os; pf = 'Package Control.sublime-package'; ipp...

    2018-06-24 01:59:33 css文件css代码

  • CSS/CSS3中的原生变量var详解以及布局响应式网页扩展

    使用语法 首先我们先来看一个例子: html代码: div class ="element" 这是一段文字 / div css代码: .element { width : 200px ; height : 200px ; --main-bg-color : #000 ; color : #fff ; background-color : var(--main-bg-color) ;} 实现效果: 结果是该DOM元素...

    2018-06-24 01:58:50 建网站css颜色css文件css代码

  • css基础

    css指层叠样式表(cascading style sheets),主要用于设置HTML页面中的文本内容(字体、大...

    2018-06-24 01:57:39 css文件css代码css规则引入外部css

  • 页面js脚本与img等资源的下载顺序问题。

    引言问题 img src="background.jpg" script src="test.js"/script test.js和background.jpg是并行下载,还是test.js先下载后执行完成后再下载background.jpg??? script src="test.js"/script img src="background.jpg" 这样呢? 我会在文章最后给出解答。 之前都只了解...

    2018-06-24 01:57:39 css代码html文档

  • box-shadow的应用技巧

    一、box-shadow的参数解析 box-shadow:none; box-shadow: h-shadow v-shadow blur spread color inset; box-shadow参数解析 值 描述 none 默认值,元素没有任何阴影效果。 h-shadow 阴影水平偏移量,其值可以是正负值。如果取正值,则阴影在元素的右边,反之取负值,阴...

    2018-06-24 01:57:30 css代码

  • 滚动监听 after选择器

    一、如何实现滚动到一定位置将内容固定在页面顶部 window.onscroll= function (){ // 滚动的距离,距离顶部的距离 var topScroll =document.body.scrollTop|| document.documentElement.scrollTop; // 获取到导航栏id var bignav = document.getElementById("pop_title"...

    2018-06-24 01:55:27 css代码

  • 如何写好css系列之button

    现代前端行业的发展,如果你在css的时候,还没有利用一些预编译工具,是否觉得自己太low了。但你是否考虑过搭建一套自己前端框架。可能你会想这是否有必要,因为基础有boostrap,组件库有:easyui,elementui,iview,ionic等等。但我个人练习自己如何写好一个css框架...

    2018-06-24 01:53:45 css框架css代码