一 单位

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-sizing:border-box;这个属性 让元素的实际宽度就等于设置width,即便有了padding和border只会向内挤压,元素的可利用空间变小。

更多专业前端知识,请上 【猿2048】www.mk2048.com

css的再深入9(更新中···)相关推荐

  1. 常见css的用法(持续更新中....)

    1.换行 // 带英文字母的那种哦 white-space: normal; word-break: break-all; 2.不换行 // 带英文字母的那种哦 white-space: nowrap ...

  2. 2022年最新互联网大厂前端面试题及答案-前端工程必备技能(持续整理更新中【关注收藏不迷路】)

    对于做前端的朋友,或者做了前端几年了,基础不好的,或者想进大厂的想了解深入,下面的知识点很多前端朋友都没有深入了解.很重要,看完有种茅塞顿开感觉,**关注+收藏哦,总有一天用的得.** 涉及到知识点: ...

  3. 如何删除计算机自动更新补丁,删除自动更新中的WIN10升级补丁

    先试试吧,毕竟微软仍然控制着我们的电脑,嗯,应该是电脑中的windows.要把windows内已经下载好的Win10升级文件删除,就去"已安装的更新"中,将KB3035583.KB ...

  4. CSS兼容性问题的解决方式(更新中···)

    CSS兼容性问题的解决方式(更新中···) 参考文章: (1)CSS兼容性问题的解决方式(更新中···) (2)https://www.cnblogs.com/zff123/p/9769042.htm ...

  5. IDEA中为什么CSS内容修改了,浏览器中没有更新(已解决)

    IDEA中为什么CSS内容修改了,浏览器中没有更新(已解决) 解决办法:清除浏览器缓存即可. F12以后,找到找到网络,右键清楚缓存即可.

  6. 前端面试题(三)(CSS篇)建议收藏,持续更新中...

    CSS content属性特殊字符有哪些? 今天在做开发的时候,需要用到CSS的content属性,加入一些特殊字符来实现网页效果.但是特殊字符那么多,怎么可能记得住,所以谷歌百度搜索之后找到了一个比 ...

  7. 2022年前端面试题整理,持续更新中

    端面试题整理 已同步到掘金.CSDN 掘金地址: https://juejin.cn/post/7075332630417244173 CSDN 地址:https://blog.csdn.net/z1 ...

  8. 前端MUI+H5+HBuilderX开发APP(IOS,android),后台Springboot,java学习与实践文章,更新中(二)

    前端MUI+H5+HBuilderX开发APP(IOS,android),后台Springboot,项目搭建,图标设置等,更新中(二) 新建我的第一个APP manifest.json: 图标设置: ...

  9. 【Vue全家桶+SSR+Koa2全栈开发】项目搭建过程 整合 学习目录(持续更新中)

    写在开头 大家好,这里是lionLoveVue,基础知识决定了编程思维,学如逆水行舟,不进则退.金三银四,为了面试也还在慢慢积累知识,Github上面可以直接查看所有前端知识点梳理,github传送门 ...

  10. 根据Spring-Security安全框架搭建问答论坛系统(更新中.....)

    论坛问答系统系统设计与实现 什么是Spring安全框架 为什么需要Spring-Security 启动Spring-Security 访问控制器方法 密码加密 Spring-Security的权限管理 ...

最新文章

  1. Maven系列学习(二)Maven使用入门
  2. panda 透视表 计算比例_用案例教你玩Excel-《第2例:给领导汇报考评结果-拖拽的透视表》...
  3. python代码比例_Python如何输出百分比
  4. 腾讯云ubuntu18安装图形化界面
  5. ossim系统下nagios监控机器可用性用rrd图形显示
  6. 计算机软件英文参考文献,软件工程英文参考文献(优秀范文105个)
  7. Maven:mirror和repository区别
  8. JavaScript制作游戏摇杆方向盘
  9. Apache opennlp简单介绍
  10. 注册免费域名教程(怎样免费注册域名)手把手教注册域名
  11. 删除docker registry镜像脚本报错No repositories directory found inside REGISTRY_DATA_DIR
  12. 互换性测量技术-几何误差
  13. 三十.什么是vm和vc?
  14. ie怎么修改html代码,如何修改IE默认网页源码查看器
  15. Java 17新特性,快到起飞?
  16. 两个让Transformer网络变得更简单,更高效的方法
  17. HttpClient 出现 failed to respond 异常解决
  18. iview card布局
  19. 50套高大上的后台管理系统模板,总有一套适合你
  20. 用argparse实现ls -lha等linux命令格式展示

热门文章

  1. OD汇编指令集(不断更新)
  2. java代码快速_java代码编写快捷途经
  3. python循环指令_Python循环
  4. Promise 学习心得
  5. mfc通过信号量保证线程同步
  6. C# 数据库连接测试以及备份
  7. VBA_Excel_教程:过程,函数
  8. css的一种预处理器 sass
  9. Spring_事务(2)
  10. [Noip模拟赛] Power