CSS基础之必须要掌握的CSS基础
元素宽高特点
块级元素特点：可以设置宽高；不能和其他元素呆在一行；当没有设置宽高时，宽度和父级元素一致，高度由元素内容高度决定；当设置宽高时，元素的宽高就是设置的值
行级元素特点：不可以设置宽高；可以和其他元素呆在一行；宽高由元素内容决定；无法直接设置宽高，设置的宽高无效；转换为行内块级元素时，才可以设置宽高；
行内块级元素：可以设置宽高；可以和其他元素呆在一行；当没有设置宽高时，宽高和元素内容决定；
元素类型转换
任何元素都可以进行类型转换，元素类型之间可以相互转换。元素的类型转换不会影响元素自身的性质。
语法：display:block|inlie-block|inline
block：把元素转为块级元素，然后可以设置宽高等属性
inline：把元素转为行级元素。
inline-block：把元素转为行内块级元素。
实际开发中常用的属性值是block和inlie-block。
元素显隐
语法：display:none|block|inline
none：元素结构仍然存在，元素内容隐藏消失，元素所占用的区域也隐藏消失。
block：除了显示元素结构外也会将元素转为块级元素。
inline：
inline-block：
em单位
px是常用的尺寸单位，它是屏幕上的一个点作为一个单位。稳定精确。也是使用最多的尺寸单位。
em是以自身字体大小作为参考，是自身字体大小的倍数；当自身字体大小改变时，em会跟着改变。
例如：body{font-size:16px;} 1em,则是16px,2em则是32px。在实际开发中，可能会出现问题。在国内某一段时间，em是常用的尺寸单位。
rem单位
rem是以根元素的值做参考，也就html的值。rem的值随着根元素值的变化而变化。
例如：html{font-szie:14px;}1rem则是14px，2rem则是28px；也是属于精确的尺寸单位。常用于移动端和响应式开发。
百分比单位
百分比单位，常用于响应式开发。随着浏览器宽高的变化而变化
颜色名和16进制颜色值
html和CSS规范中定义了147种可用的颜色名，在实际开发和应用中，颜色名用的少。
16进制颜色值：#rrggbb，rr(红色)、gg(绿色)、bb(蓝色)；用16进制证书规定颜色成分，所有值必须介于00与FF之间。在实际开发和应用中最常用。
rgb和rgba颜色值
rgb是通过定义3种颜色（红、绿、蓝）的强度来定义颜色；值介于0~255
rgb(红,绿,蓝)
例：rgb(255,0,0)为红
rgba是在rgb的基础上增加了透明度，alpha表示透明度，取值0~1。值为0时，表示完全透明，值越小透明度越高。值为1时，不透明。
版权保护: 本站内容采用CC-BY-NC协议且遵守CC-BY-NC-SA和CC-BY-NC-ND协议，转载请保留链接: https://www.guanzhenzuo.com/programming/59.html
