织梦的网站模板免费吗,成都手机微信网站建设报价,网网站开发和设计,徐州建站网页建设在css代码编写中#xff0c;估计颜色和单位是必不可少的#xff0c;然而在css中关于颜色和单位值的写法有很多种写法#xff0c;所以有必要把它弄清楚。
颜色
当初我在初学前端的时候#xff0c;就会冒出一个疑问“我该如何设置网页颜色#xff1f;”#xff0c;一般常…在css代码编写中估计颜色和单位是必不可少的然而在css中关于颜色和单位值的写法有很多种写法所以有必要把它弄清楚。
颜色
当初我在初学前端的时候就会冒出一个疑问“我该如何设置网页颜色”一般常用英文颜色名或者十六进制颜色值来设置颜色但是css中还有一些其他较为复杂的写法。
RGB颜色
计算机通过不同级别的红、绿、蓝来产生新的颜色这就是常说的RGB颜色。有了这样一个产生颜色的机制就可以通过直接给出不同的颜色级来确定颜色就可以自己去组合三种颜色的值。
写法h1{color:rgb(100%,100%,100%)} 百分比rgb颜色写法数字范围从0%到100%h1{color:rgb(0,255,255)} 数字rgb颜色写法数字范围从0到255
注意两种写法的值都会被修剪百分比会被修剪成0%-100%即超出100%被修剪成100%低于0%修剪成0%数字则会被修剪成0-255另外两者不能混写混写是不会生效的。
十六进制颜色和颜色名设置颜色我们就不再提了
单位
长度单位一般分为绝对单位和相对单位。绝对单位从诞生之日起其实用的很少至少我平时在项目上很少用到。所以这里就跳过了绝对单位的介绍。
相对单位有三种相对的长度单位em、ex和px。前两种分别代表“元素的字体高度”和“字母shezhi‘x’的高度”他们是普通印刷上的量度最后一个px代表“像素”之所以说它是 相对的是因为它依赖显示器的分辨率。
emcss中一个“em”就是给定字体的font-size值。唯一例外的就是在设置字体尺寸这种情况下em的值是相对于父元素的。
如
body{font-size:20px;}p{font-size:1em;}
这时p的字体大小就是20px而不是默认的16px。
px按像素值px来设置。如body{font-size:20px;}p{font-size:16px;}p元素中字体的大小就是16px
百分比值同长度单位比较百分比就显得很简单就是一个百分比值。例如h1{line-height:150%;} 设置所有h1的行高比普通行高大一半。
总之百分比总是通过另外一个值来计算的这些在后面属性讲解中会一一提到。而且百分比可正可负对于有些属性只接受正值这就另说了。
今天的内容就这么多写的有点乱希望以后越写越好吧。
