zoukankan      html  css  js  c++  java
  • css的再深入9(更新中···)

    单位

    1.px 就是一个基本的单位 像素

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

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

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

    浏览器

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

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

    Chrome(谷歌) 的前缀 -webkit-

    Firefox(火狐)  的前缀 -moz-

    Ie 的前缀  -ms-

    Opera(欧朋)  的前缀  -o-

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

    布局

    1. 流式布局  float+margin
    2. 定位
    3. 双飞翼
    4. 圣杯
    5. 弹性盒子布局 移动端布局

        全称叫弹性和模型:是由父级的弹性容器和子级的弹性子元素两者构造。

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

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

    6.表格布局

    1. 7.box-sizingborder-box;这个属性 让元素的实际宽度就等于设置width,即便有了paddingborder只会向内挤压,元素的可利用空间变小。
  • 相关阅读:
    回归,随缘写一些python心得吧
    划分树【有些东西,其实自己还不太会也要忍住把*装完】
    [codevs3273]两圆的交 计算几何
    10-12考试整理
    10-7考试整理
    [codevs1163]访问艺术馆
    [codevs2640]打印页数
    9-28 解题报告
    [CODEVS3323]时空跳跃者的封锁
    [codevs2442] kshort 经典题
  • 原文地址:https://www.cnblogs.com/zff123/p/9800173.html
Copyright © 2011-2022 走看看