<style> *{ padding: 0; margin: 0; } div{ width: 100px; height: 100px; background-color: red; margin-left: 200px; margin-top:10px; /*添加过渡效果 css样式名称 耗时* ...
分类:
其他好文 时间:
2018-12-27 03:13:29
阅读次数:
142
首先先来看这一张图 在这种图中,盒子的大小为512px,并且margin-left:-250px margin-top:140px;并通过一些样式让其在中部显示 这些样式都不是重要的,这里加个margin是为了让其出现拖拽的时候出现鼠标偏移,好做演示而已,不然margin:0 auto 就可以实现盒 ...
分类:
Web程序 时间:
2018-12-26 01:15:24
阅读次数:
237
1.执行以下解决方案条件:(这个是原理)①执行复制方法时 所复制文字不能被任何 块级元素和行内块元素和行内元素遮盖否则无效;(解决方案:将文本通过绝对定位或其他方式移除屏幕外)②ios中不能复制属性值,只能复制文本元素节点;(解决方案:可以把文字颜色设成背景色就能达到隐藏看不见的效果不影响显示);直 ...
分类:
移动开发 时间:
2018-12-25 20:09:29
阅读次数:
291
元素类型分为 行内元素和块元素; 块元素: div h1-h6 p dl dt ul li ol li form table 行内元素: span em i strong a b 特殊的行内块: img input 行内元素的特点: 1 对于行内元素来说,设置宽高 margin-top margin ...
分类:
其他好文 时间:
2018-12-23 16:53:58
阅读次数:
103
1.文档流文档流,是指盒子按照HTML标签编写的顺序依次从上到下,从左到右排列,块元素占一行,行内元素在一行之内从左到右排列,先写的先排列,每个盒子都占据自己的位置。2.关于定位我们可以使用css的position属性来设置元素的定位类型,设置如下:(1)relative生成相对定位元素,元素所占据的文档流的位置保留,元素本身相对自身原位置进行偏移。.box01{background-color:
分类:
Web程序 时间:
2018-12-22 14:55:53
阅读次数:
541
1,::first-line 对块元素的第一行文本进行格式化 2 ::first-letter 文本的首字母设置特殊样式 (只能是块级元素) 3,::before 在元素的前面插入新内容,配合content使用 注意:1,第一个子元素 2,是行内元素 3,支持CSS样式 4, ::after在元素的 ...
分类:
Web程序 时间:
2018-12-20 16:55:15
阅读次数:
776
css 4种常见实现元素居中的办法: 1、通过 margin 属性调整 :{ position: absolute; top: 50%; left: 50%; margin-left: -盒子的一半; margin-top: -盒子的一半;} 2、通过 transform 属性调整:{ positi ...
分类:
Web程序 时间:
2018-12-16 23:19:01
阅读次数:
174
css: 56px是图片的width,57px(图片长度+input的border) #img{ position:absolute; width:56px;margin-left: calc(100% - -57px); bottom:0} html:javascript:GetCodes()是刷 ...
分类:
其他好文 时间:
2018-12-06 17:57:03
阅读次数:
377
1.前端的三大模块:html:结构 超文本标记语言 css:样式 样式叠层表 js(javascipt):行为 脚本语言 2.<DOCTOPE HTML>: 声明文档类型 doc=document 文档 tope 类型 是单标签 作用:浏览器打开时告诉浏览器这是一个什么文件 3. <html> 是双 ...
分类:
其他好文 时间:
2018-11-26 23:13:23
阅读次数:
253
块级元素: 1、总是在新行上开始; 2、高度,行高以及外边距和内边距都可控制; 3、宽度缺省是它的容器的100%,除非设定一个宽度; 4、它可以容纳内联元素和其他块元素 行内元素: 1、和其他元素都在一行上; 2、高,行高及外边距和内边距不可改变; 3、宽度就是它的文字或图片的宽度,不可改变 内联元 ...
分类:
其他好文 时间:
2018-11-26 23:11:45
阅读次数:
174