• px em rem的详解与区别

    在前端项目开发中,px,em,以及rem都是页面布局常用的单位,虽然它们是长度单位,但是所含的意义不一样。通过复习和查阅,总结了以下知识。 px像素(Pixel) 定义: 相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册) 特点: 1:px代表的是像素...

    2018-06-24 01:45:04

  • 完美解决IE渲染方式进入兼容模式问题

    meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" meta http-equiv = "X-UA-Compatible" content = "IE=9; IE=8; IE=7; IE=EDGE" 经测试后完美解决了兼容模式问题,这样设置后IE中设置兼容模式的按钮也会消失,可以按F12打开“开发人员工具”来...

    2018-06-24 01:45:00

  • HTML <img>标签 创建图像映射

    初级前端一枚 下面代码是在图片上创建图像映射 自己整理了下 做个笔记 希望也可以帮助后来学习的朋友! map name = "planetmap" area shape = "rect" coords = "0,0,82,126" alt = "Sun" href = "sun.htm" area shape = "circle" coords = "90,58,3" alt = "Mercury" h...

    2018-06-24 01:45:03

  • flex弹性盒模型

    flex 意思是弹性布局,用来给盒模型提供最大的灵活度,指定容器中的项目为弹性布局,类似于float:left; 比float的好处是容器没有设置高度,会根据项目来自适应高度,我们都知道,设置float属性,如果没有设置高度,那么容器会脱离文档流,需要清除浮动,才可以根据项目...

    2018-06-24 01:45:02

  • 五个步骤为博客园添加打赏功能

    1、准备支付宝和微信收款的二维码图片 (1)获取微信收款图片方法: 微信--我--钱包--收付款--二维码收款--保存收款码 (2)获取支付宝收款图片方法: 支付宝--收钱--保存图片 2、图片上传到博客园 方法:博客园--我的博客--管理--文件--上传文件 如下图所示,注意将步...

    2018-06-24 01:44:51

  • 一张正方形图片,伴随我一年半,敢问情绪的使用方法

    【问题的由来】 图片适配正方形显示方法一 style .box { width : 400px ; height : 400px ; border : solid 5px red ; margin : 0 auto ; background : #f4f4f4 url() no-repeat center ; background-size : cover ; } / style div class ="box" style ="background-im...

    2018-06-24 01:45:00

  • CSS小记录

    1.让图文不可复制 -webkit-user-select: none; -ms-user-select: none;-moz-user-select: none;-khtml-user-select: none;user-select: none; 2.让图片垂直居中 .Logo { height : 109px ; line-height : 109px ;} .Logo img { vertical-align : middle ;} 3.行内块级元...

    2018-06-24 01:44:58

  • 两栏自适应布局延展到多栏自适应布局

    1、网上很多文章了,为什么还要讲? 说到两栏自适应布局,估计很多人看到这样类似的文章,我经常也看过,但是那些实现方式跟我所经常使用的两种方法不一样,经常使用的意思是,我一遇到这种布局,立马想到的就是使用这种。就像我们拿东西,我们立马就会想到用手拿,当...

    2018-06-24 01:44:57

  • HTML切换页面IE版本

    !--[if !IE]!-- 除IE外都可识别 !--![endif]-- !--[if IE] 所有的IE可识别 ![endif]-- !--[if IE 6] 仅IE6可识别 ![endif]-- !--[if lt IE 6] IE6以及IE6以下版本可识别 ![endif]-- !--[if gte IE 6] IE6以及IE6以上版本可识别 ![endif]-- !--[if IE 7] 仅IE7可识别 ![...

    2018-06-24 01:44:54

  • 菜鸟的 Sass 学习笔记

    介绍 sass 是什么?? 在sass的官网,它是这么形容给自己的 Sass is the most mature, stable, and powerful professional grade CSS extension language in theworld. sass 是世界上最成熟稳定强大的css扩展语言。 sass并不是一种编程语言,但是我们可以用于开发网页...

    2018-06-24 01:44:53

2