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-
国内的浏览器的内核是谷歌。
三 布局
- 流式布局 float margin
- 定位
- 双飞翼
- 圣杯
- 弹性盒子布局 移动端布局
全称叫弹性和模型:是由父级的弹性容器和子级的弹性子元素两者构造。
display:flex;这个属性决定谁是弹性容器,他里面的子元素就是弹性子元素。
flex 是弹性子元素在弹性容器中所占的份数。属性值是数字
6.表格布局
- 7.box-sizing:border-box;这个属性 让元素的实际宽度就等于设置width,即便有了padding和border只会向内挤压,元素的可利用空间变小。
更多专业前端知识,请上 【猿2048】www.mk2048.com
css的再深入9(更新中···)相关推荐
- 常见css的用法(持续更新中....)
1.换行 // 带英文字母的那种哦 white-space: normal; word-break: break-all; 2.不换行 // 带英文字母的那种哦 white-space: nowrap ...
- 2022年最新互联网大厂前端面试题及答案-前端工程必备技能(持续整理更新中【关注收藏不迷路】)
对于做前端的朋友,或者做了前端几年了,基础不好的,或者想进大厂的想了解深入,下面的知识点很多前端朋友都没有深入了解.很重要,看完有种茅塞顿开感觉,**关注+收藏哦,总有一天用的得.** 涉及到知识点: ...
- 如何删除计算机自动更新补丁,删除自动更新中的WIN10升级补丁
先试试吧,毕竟微软仍然控制着我们的电脑,嗯,应该是电脑中的windows.要把windows内已经下载好的Win10升级文件删除,就去"已安装的更新"中,将KB3035583.KB ...
- CSS兼容性问题的解决方式(更新中···)
CSS兼容性问题的解决方式(更新中···) 参考文章: (1)CSS兼容性问题的解决方式(更新中···) (2)https://www.cnblogs.com/zff123/p/9769042.htm ...
- IDEA中为什么CSS内容修改了,浏览器中没有更新(已解决)
IDEA中为什么CSS内容修改了,浏览器中没有更新(已解决) 解决办法:清除浏览器缓存即可. F12以后,找到找到网络,右键清楚缓存即可.
- 前端面试题(三)(CSS篇)建议收藏,持续更新中...
CSS content属性特殊字符有哪些? 今天在做开发的时候,需要用到CSS的content属性,加入一些特殊字符来实现网页效果.但是特殊字符那么多,怎么可能记得住,所以谷歌百度搜索之后找到了一个比 ...
- 2022年前端面试题整理,持续更新中
端面试题整理 已同步到掘金.CSDN 掘金地址: https://juejin.cn/post/7075332630417244173 CSDN 地址:https://blog.csdn.net/z1 ...
- 前端MUI+H5+HBuilderX开发APP(IOS,android),后台Springboot,java学习与实践文章,更新中(二)
前端MUI+H5+HBuilderX开发APP(IOS,android),后台Springboot,项目搭建,图标设置等,更新中(二) 新建我的第一个APP manifest.json: 图标设置: ...
- 【Vue全家桶+SSR+Koa2全栈开发】项目搭建过程 整合 学习目录(持续更新中)
写在开头 大家好,这里是lionLoveVue,基础知识决定了编程思维,学如逆水行舟,不进则退.金三银四,为了面试也还在慢慢积累知识,Github上面可以直接查看所有前端知识点梳理,github传送门 ...
- 根据Spring-Security安全框架搭建问答论坛系统(更新中.....)
论坛问答系统系统设计与实现 什么是Spring安全框架 为什么需要Spring-Security 启动Spring-Security 访问控制器方法 密码加密 Spring-Security的权限管理 ...
最新文章
- Maven系列学习(二)Maven使用入门
- panda 透视表 计算比例_用案例教你玩Excel-《第2例:给领导汇报考评结果-拖拽的透视表》...
- python代码比例_Python如何输出百分比
- 腾讯云ubuntu18安装图形化界面
- ossim系统下nagios监控机器可用性用rrd图形显示
- 计算机软件英文参考文献,软件工程英文参考文献(优秀范文105个)
- Maven:mirror和repository区别
- JavaScript制作游戏摇杆方向盘
- Apache opennlp简单介绍
- 注册免费域名教程(怎样免费注册域名)手把手教注册域名
- 删除docker registry镜像脚本报错No repositories directory found inside REGISTRY_DATA_DIR
- 互换性测量技术-几何误差
- 三十.什么是vm和vc?
- ie怎么修改html代码,如何修改IE默认网页源码查看器
- Java 17新特性,快到起飞?
- 两个让Transformer网络变得更简单,更高效的方法
- HttpClient 出现 failed to respond 异常解决
- iview card布局
- 50套高大上的后台管理系统模板,总有一套适合你
- 用argparse实现ls -lha等linux命令格式展示