最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

CSS--布局模型,颜色值,长度值-鬼脸

来源:动视网 责编:小采 时间:2020-11-27 16:42:32
文档

CSS--布局模型,颜色值,长度值-鬼脸

CSS--布局模型,颜色值,长度值-鬼脸:目录 布局模型 流动模型(Flow) 浮动模型 (Float) 层模型(Layer) 颜色值 长度值 一、布局模型 网页布局模型:个人理解,就是对html中各个元素进行一个排列。而排列的方法可以分为三种:流动模型、浮动模型、层模型。 二、流动模型 这是网页默认
推荐度:
导读CSS--布局模型,颜色值,长度值-鬼脸:目录 布局模型 流动模型(Flow) 浮动模型 (Float) 层模型(Layer) 颜色值 长度值 一、布局模型 网页布局模型:个人理解,就是对html中各个元素进行一个排列。而排列的方法可以分为三种:流动模型、浮动模型、层模型。 二、流动模型 这是网页默认

每一项的值可以是 0~255 之间的整数,也可以是 0%~100% 的百分数。如:

 p{color:rgb(20%,33%,25%);}

3、十六进制颜色

这种颜色设置方法是现在比较普遍使用的方法,其原理其实也是RGB设置,但是其每一项的值由 0-255 变成了十六进制00-ff

 p{color:#00ffff;}
六、长度值
目前比较常用到px(像素)em% 百分比,要注意其实这三种单位都是相对单位。
  
1、像素
像素指的是显示器上的小点(CSS规范中假设“90像素=1英寸”)。实际情况是浏览器会使用显示器的实际像素值有关,在目前大多数的设计者都倾向于使用像素(px)作为单位。
2、em
就是本元素给定字体的 font-size 值,如果元素的 font-size 为 14px ,那么 1em = 14px;如果 font-size 为 18px,那么 1em = 18px。如下代码:
p{font-size:12px;text-indent:2em;}

上面代码就是可以实现段落首行缩进 24px(也就是两个字体大小的距离)。

特殊情况:当给 font-size 设置单位为 em 时,此时计算的标准以 它的父元素的 font-size 为基础。

3、百分比

p{font-size:12px;line-height:130%}

设置行高(行间距)为字体的130%(12 * 1.3 = 15.6px)。

文档

CSS--布局模型,颜色值,长度值-鬼脸

CSS--布局模型,颜色值,长度值-鬼脸:目录 布局模型 流动模型(Flow) 浮动模型 (Float) 层模型(Layer) 颜色值 长度值 一、布局模型 网页布局模型:个人理解,就是对html中各个元素进行一个排列。而排列的方法可以分为三种:流动模型、浮动模型、层模型。 二、流动模型 这是网页默认
推荐度:
标签: 颜色 长度 宽度
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top