zoukankan      html  css  js  c++  java
  • 单位、浏览器、布局、

    一、单位

      1、px:就是一个基本的单位,像素

      2、em:也就是一个单位,用父级元素的字体大小乘以em前面的数字,如果父级没有就继承上一个父级直到body,如果body没有那就默认是16px。

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

      4、line-height:行高,行高值的是当前数字2乘以元素字体大小。

    二、浏览器

      浏览器与浏览器之间是有差距的,这个差距是由浏览器自身的内核决定的,

      每个浏览器都有自己的前缀,主要解决css中的兼容问题

      *注:Chrome(谷歌)的前缀:—webkit—

        Firefox(火狐)的前缀:—moz—

        Ie的前缀:—ms—

        opera(欧朋):—o—

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

    三、布局

      1、流失布局

      2、定位 

      3、双飞翼 :两边auto,中间固定

      4、圣杯:两边固定,中间auto

      5、弹性盒子布局:移动端布局

        全称:弹性盒子布局:是由父级的弹性容器和子级就是子元素两者构造

        Display:flex;这个属性决定谁是弹性容器,他里面子元素就是弹性子元素

        Flex:是弹性子元素在弹性容器中所占的份数,属性值是数字

      6、表格布局

      7、box-sizing:border-box;这个属性让元素的实际宽度就等于设置的width

        即使有了padding和border只会向内挤压,元素的课利用空间变小

  • 相关阅读:
    【Jmeter】 jmeter-server.bat 无法启动
    Jmeter场景设置与监听
    Jmeter性能测试配置
    【VMware】“该虚拟机似乎正在使用中”
    Jmeter介绍以及脚本制作与调试
    性能测试简介
    robotframework配置邮箱服务器
    Java冒泡排序
    LN(A)MT单机版架构部署
    Openstack之八:部署自服务网络
  • 原文地址:https://www.cnblogs.com/yanghuiting/p/9769028.html
Copyright © 2011-2022 走看看