css当中的单位
来源:互联网 发布:网络培训 编辑:程序博客网 时间:2024/05/24 07:15
1.web颜色
使用rgb来制定颜色 即三原色按照比例混合所得到的颜色
可用百分数来表示 例如 rgb(0%,0%,0%)
还可以用数值来制定颜色 例如rgb(256,256,256) 数字是0到256中的一个数字
还可以用十六进制来表示颜色 如#cc6600 每两位表示一种颜色
2.距离单位
px 表示像素 在css中默认90px=1英寸
em 是相对大小 1em总是等于父类元素中规定的大小 默认是16px
可以通过规定body标签当中默认字体大小来改变整个页面当中的字体的大小
使用rgb来制定颜色 即三原色按照比例混合所得到的颜色
可用百分数来表示 例如 rgb(0%,0%,0%)
还可以用数值来制定颜色 例如rgb(256,256,256) 数字是0到256中的一个数字
还可以用十六进制来表示颜色 如#cc6600 每两位表示一种颜色
2.距离单位
px 表示像素 在css中默认90px=1英寸
em 是相对大小 1em总是等于父类元素中规定的大小 默认是16px
可以通过规定body标签当中默认字体大小来改变整个页面当中的字体的大小
使用相对距离可以避免再对页面进行缩放时出现页面崩溃的情况
css-margin与百分数的关系
可以对元素的margin设置百分数,百分数是相对于父元素的width计算,不管是margin-top/margin-bottom还是margin-left/margin-right。(padding同理)
如果没有为元素声明width,在这种情况下,元素框的总宽度包括外边距取决于父元素的width,这样可能得到“流式”页面,即元素的外边距会扩大或缩小以适应父元素的实际大小。如果对这个文档设置样式,使其元素使用百分数外边距,当用户修改浏览窗口的宽度时,外边距会随之扩大或缩小。
为什么margin-top/margin-bottom的百分数也是相对于width而不是height呢?
CSS权威指南中的解释:
我们认为,正常流中的大多数元素都会足够高以包含其后代元素(包括外边距),如果一个元素的上下外边距时父元素的height的百分数,就可能导致一个无限循环,父元素的height会增加,以适应后代元素上下外边距的增加,而相应的,上下外边距因为父元素height的增加也会增加,如果循环。
阅读全文
0 0
- css当中的单位
- CSS的长度单位
- CSS里的单位
- 关于css的单位
- CSS的单位
- CSS的单位
- Android 系统当中各种尺寸单位的定义及使用
- Android 系统当中各种尺寸单位的定义及使用
- Android 系统当中各种尺寸单位的定义及使用
- Android 系统当中各种尺寸单位的定义及使用
- CSS的长度单位(em)
- CSS中常用的单位
- css长度单位的转换
- CSS移动端的单位
- CSS里的单位介绍
- day06--CSS的长度单位
- CSS 单位
- CSS 单位
- LTE-TDD资源调度(3)-测量GAP
- 卡巴斯基+NodeJS打造远程杀毒服务器
- Quartz的misfire特性
- Keras实现autoencoder
- Fiddle妙用 前端不等后台直接联调
- css当中的单位
- Git 回退即删除本地仓库commit版本以及删除远端仓库相应的版本(即github上的commit版本)
- ZMQ简介
- 【TC SRM 596 DIV1】BitwiseAnd
- #正念奇迹#ZQ0001《正念的奇迹》
- Pytorch实现卷积神经网络CNN
- 使用segue进行页面跳转
- SSM整合之配置文件的编写
- #正念奇迹#ZQ0002《和繁重的工作一起修行平和喜乐地成就事业 》