一、单位

1、px是基本的单位，像素

2、em也是一个单位，使用方式，用元素父级的字体大小乘以em前的数字，父级没有就向上一个父级找，

直到body为止，如果body没有，就用默认的字体大小16px

3、rem是一个单位，只跟根节点<html>的字体大小有关，如果根节点没有字体大小，默认16px

4、line-height：2；则此元素的的行高为2X元素的字体大小

二、浏览器

浏览器与浏览器之间的差距重要体现在浏览器自身的内核

每个浏览器都有自己的前缀，这个主要是解决css3中的兼容问题

Chrome（谷歌）前缀 -webkit-

Firefox（火狐）前缀 -moz-

IE的前缀 -ms-

opera（欧朋）的前缀 -o-

国内浏览器的内核都是谷歌

三、布局

1、流式布局 float+margin

2、定位

3、双飞翼

4、圣杯

5、弹性盒子布局，移动端布局常用

全称：弹性和模型 用父级的弹性容器和子级的弹性子元素两者构造

display：flex；这个属性决定谁是弹性容器，它里面的元素就是弹性子元素

flex是弹性元素在弹性容器中所占的份数，属性值是数字

6、表格布局

父级：display：table；

子级：display：table-cell；

7、box-sizing:border-box;

这个属性的作用是 几遍此元素设置了padding和border，只能向内挤压，而元素的可利用空间会变少

则元素的实际宽度就等于元素设置的width

10.9h5日记的更多相关文章

  1. 10.24JS日记

    1.函数都有返回值,人为return,返回什么就是什么,否则,他的返回值就是undefined 而方法的本质也是函数,所以也有返回值 document.getElementById()返回的是获取的标 ...

  2. 10.22JS日记

    1.js数据类型分析 (1)基础类型:string.number.boolean.null.undefined (2)引用类型:object-->json.array... 2.点运算  xxx ...

  3. 10.17JS日记

    1.变量提升 变量提升是浏览器的一个功能,在运行js代码之前,浏览器会给js一个全局作用域,叫window, window分为两个模块,一个叫做内存模块,一个叫做运行模块,内存模块找到当前作用域下的 ...

  4. 9.10 h5日记

    9.10 1.什么是属性 属性是表示某些事物的一些特征 2.属性分为标签属性和样式属性,二者的区别在于哪里 标签属性:<img src="01.jpg" width=&quo ...

  5. 10.31JS日记

    this问题 (1)this是js的一个关键字,指定一个对象,然后替代this: 函数中的this指向行为发生的主体,函数外的this都指向window,没有意义 (2)函数内的this跟函数在什么环 ...

  6. 10.23JS日记

    1.逻辑运算 ||  &&  ! ||:遇到第一个为true的值就中止并返回 &&:遇到第一个为false的值就中止并返回,如果没有false值,就返回最后一个不是fa ...

  7. 10.19JS日记

    1.函数   关键词(function) var是js的关键字,用于声明变量,声明在内存模块完成,定义(=)是在执行模块完成 var可以在内存模块提前完成(js代码执行前),所以有变量提升这个功能 c ...

  8. 10.18JS日记

    1.JS的本质就是处理数据,数据来自后台的数据库,所以变量起到了临时存储的作用, ES制定了js的数据类型 2.数据类型有哪些? (1)字符串 String (2)数字  Number (3)布尔 B ...

  9. 10.16JS日记

    1.parseint() 2.parsefloat() 这两个单词运行的时候遇到第一个非数字就结束了 3.var a="hello word"  a这个变量为字符串,每一个字母为字 ...

随机推荐

  1. [C语言]使用数组

    ----------------------------------------------------------------------------- // main.c 例 // Created ...

  2. MVC 2nd

    步骤 3 创建控制器. StudentController.java public class StudentController { private Student model; private S ...

  3. 通过AI自学习，Google让Pixel 3的人像模式更优秀

    通过AI自学习,Google让Pixel 3的人像模式更优秀 Link: https://news.cnblogs.com/n/613720/ 虽然双摄手机已经在市场上普及,其所带来的人像模式.多倍变 ...

  4. 学JS的心路历程-函式（五）箭头函式

    箭头函式arrow function 为了能够以更简短的方式建立函式,ES6变推出了箭头函式. 用说明的可能会不太懂,我们先拿之前的数组排序例子来看: var arr = [2,1,6,12,3,77 ...

  5. CSS 选用字体

    font-family CSS的font-family属性可以指定(选择)字体. 语法: 1 font-family: Gill Sans Extrabold, sans-serif; font-fa ...

  6. devmapper: Thin Pool has 162394 free data blocks which is less than minimum required 163840 free data blocks. Create more free space in thin pool or use dm.min_free_space option to change behavior

    问题: 制作镜像的时候报错 devmapper: Thin Pool has 162394 free data blocks which is less than minimum required 1 ...

  7. js判断是否为undefined

    typeof(isadmin)=="undefined"需要使用typeof才能判断

  8. CentOS7 安装 GitLab

    虽然GitHub已经很好了,但是我们必须联上公网才可以使用并且如果不付费的话,你的代码在网上就是公开的!但是在企业环境中,我们公司的代码不希望被公开并且也不想付费给GitHub,这时怎么办呢?我们可以 ...

  9. app.use

    [app.use] app.use([path,] function [, function...]) Mounting a middleware at a path will cause the m ...

  10. 大数据入门到精通4--spark的rdd的map使用方式

    学习了之前的rdd的filter以后,这次来讲spark的map方式 1.获得文件 val collegesRdd= sc.textFile("/user/hdfs/CollegeNavig ...