吴纯玲的博客

1.CSS盒模型有哪几种，基本概念是什么？所有的HTML元素都可以看做一个盒子，盒模型的概念在设计和布局使用。盒模型由以下几部分组成：①外边距 margin②边框 border③内边距 padding④实质内容 content有两种盒模型：分别是标准盒模型(又名W3C盒模型)、IE盒模型2.标准盒模型和IE盒模型有什么区别？采用标准盒模型，CSS的width实质就是content.width采用IE盒模型，CSS的width实质就是 content.width..

实现下图的遮罩层loading旋转。 但是旋转的时候却发现旋转块发生了位置偏移。代码如下<div class="mask"> <div class="load-circle"> </div></div>/* 遮罩层 */.mask { width: 100%; height: 100%; pos...

无限旋转（2D旋转）无限旋转（3D旋转）：只需要将以下代码rotate属性改为rotateY.rotate { animation: rotate 4s linear infinite; -moz-animation: rotate 4s linear infinite; /* Firefox */ -webkit-animation: rotate 4s linear...

适配前先搞清楚几个像素的概念 像素概念： 1)物理像素：显示器上最小的物理显示单位 2)设备独立像素（也叫逻辑像素）：虚拟概念，一个可以由程序使用的最小虚拟像素点（css像素） 3)设备像素比：也叫dpr，可以通过window.devicePixelRatio获取。 设备像素比 = 物理像素 / 设备独立像素...

8月1日至8月10日学习HTML5，CSS3下面总结一下。 html5：HTML5主要新增了一些如下的新特性1.用于绘画的canvas元素主要通过JavaScript来绘制图形基本实现步骤如下： <canvas id="canvas" width="200" height="100">你的浏览器不支持canvas标签</canvas&...

这两天这项目遇到一个难题。网页左边是菜单栏，右边是内联框架。根据菜单栏的点击改变右边内联框架的链接页面，那么问题来了，不同的页面高度不一样。  一直在网上找各种解决方法，但都不能完美解决我的问题。纠结了2天。结果在某天洗澡的时候突然醒悟。为什么我要执着于内联框架的高度自适应？我可以反其道而行之。让内联框架的滚动条代替主页面的滚动条。 一直以来大家的做法都是让内联框架的滚动条消失...

  适用于宽高固定的div div页面居中的css写法 div{ width：300px; height:200px; position:fixed; top:50%; left:50%; margin-top:-100px; margin-left:-150px;}  对于不定宽高的div 的css写法    div...

bootstrapbootstrap是基于HTML、CSS 、JavaScript  的前端开发框架，目前最受欢迎。bootstrap包含丰富的组件：包括下拉菜单、按钮组、按钮下拉菜单、导航、导航条、分页、排版、缩略图、进度条、警告对话框等。bootstrap自带13个jquery插件，包括标签页、滚动条、弹出框等。总而言之，这是一个强大而方便实用的开发框架。虽然我现在

Flex布局有两个概念，容器（父元素）与项目（子元素）如下,ul就是容器/父元素，li就是项目/子元素。要使用flex布局，最重要一点，要先将容器的display属性置为flex。当父元素是行内元素时，则用inline-flex<ul> <li>1</li> <li>2</li> <li>3</li&gt

1.CSS盒子模型W3C标准盒模型：margin、border、padding、content，并且width=content.widthIE盒模型：margin、border、padding、content，并且width=content.width + padding + border2.CSS3新增属性点击查看CSS参考手册新增各种CSS选择器   (

先来分析一下聊天气泡气泡分割为两部分，左边的矩形，右边的三角形矩形的实现比较简单先对对右边的三角形进行分析div{width:100px;height:100px;border:solid 50px;border-color:#f5f5f5 #f5f5f5 #f5f5f5 #F8C301;}如果把width，height置...