（2）参数 new RelativeLayout.LayoutParams()需要填写宽度和高度两个参数
CSS属性非常多，如果说死记的话，是不容易的，我们了解他的原理，其他不常见的属性都是手到擒来
RelativeLayout 和 LinearLayout 类似，都是 ViewGroup，能“容纳”多个子view。
小伙伴们，在上文中我们介绍了Android布局TableLayout，本文我们继续盘点介绍Android开发中另一个常见的布局，绝对布局AbsoluteLayout。
DependentLayout是Java UI框架里的一种常见布局。与DirectionalLayout相比，拥有更多的排布方式，每个组件可以指定相对于其他同级元素的位置，或者指定相对于父组件的位置。
仔细观察编辑面板中的音符 , 很少有处于正中心位置的音符 , 大部分音符的音准都不准确 , 这里建议使用自动修正功能 进行修正 ;
IFC的英文全称是：Inline Formatting Contexts，直译为“行内格式化上下文”。 IFC由一个不包含块级盒的块容器盒生成。 在行内格式化上下文中，盒从包含块的顶部开始一个接一个地水平摆放。盒水平方向的外边距、边框和内边距在布局时都会考虑在内。盒的垂直对齐方式则不一：可能按底部或者顶部对齐，又或者按它们内容文本的基线对齐。包含了形成一行的那些盒的矩形区域被称为行盒 Line Box 。
网页布局中，我们是如何把里面的文字，图片，按照美工给我们的效果图排列的整齐有序呢？
根据场景分析提出的一些假设，我们试着去建立对应的模型，下面是分别根据上面的三个场景设计的相关模型。
一、字体属性 字体 font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。浏览器会使用它可识别的第一个值。 body { font-family: "Microsoft Yahei", "微软雅黑", "Arial", sans-serif } 大小 可以通过font-size来说设置字体大小的像素值，如果设置成inherit表示继承父元素的字体大小值。 p { font-size: 16px; } 字重（粗细）
背景图片定位的值可以是应为left,right,top,bottom,center
在开发过程中 我们会通过通配符+box-sizing ,将元素的标准统一，解决不同浏览器的兼容问题 ，box-sizing可选属性：content-box（content）、border-box（content + border）、padding-box（content + border + padding）。
元素vertical-align垂直对齐的位置与前后元素都没有关系 元素vertical-align垂直对齐的位置与行高line-height没有关系。 vertical-align垂直对齐的位置只与font-size大小有关。
prev
right 属性规定元素的右边缘。该属性定义了定位元素右外边距边界与其包含块右边界之间的偏移。
「3. CSS」CSS(Cascading Style Sheets)通常称为CSS样式表或层叠样式表(级联样式表)。
伪元素常用的一般就两个， ::before 和 ::after ，都是用来向被选中的元素添加元素之外的装饰性内容（文字）等
目录 控制标签元素样式 长宽属性、字体属性、文本对齐、文本装饰、首行缩进 背景属性、边框属性、圆角 display 显示方式 盒子模型 margin、padding... float浮动 overflow 清除溢出（超出div大小的部分） position 定位 对文档流的影响 z-index 层级 opacity 标签整体透明度 去掉li 前面的标识 文本垂直居中 单行文本居中 作业案例 关于自适应（不需要了解） 控制标签元素样式 小心得： 样式有继承(遗传)效果（子元素将继承父元素的样式，如果子元素
vertical-align属性，是CSS属性中一个比较重要的属性，也是比较不好理解的一个。 我们今天就来说说它。
块级元素在普通文档流中独占一行，可设置宽高宽度默认是父级100%，内外边距，可容纳其他元素。
默认情况下，HTML元素都在标准流中呈现和展示。我们之前把元素分为块级元素，行内元素，行内块级元素，他们的特性是块级独占一行，行内和行内块级可以在一行内共存，这些特性都是针对标准流的。总结一下就是，标准流中元素只能在水平或垂直方向上排版。如果元素是块级元素, 那么就会垂直排版，如果元素是行内元素/行内块级元素, 那么就会水平排版。
font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。浏览器会使用它可识别的第一个值。
vertical-align，写过 CSS 的朋友们肯定都知道这个属性的作用，顾名思义，垂直对齐，主要目的用于将相邻的文本与元素对齐。MDN 中对它的定义如下：
CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。
1.熟悉css基本语法，以及css工作原理 2.熟练使用css selector 常规选择器class，id,元素，后代，通用，了解选择器的优先级 3.熟悉浮动，定位，盒模型，背景，字体，颜色等常用属性，能运用css进行页面布局和展现效果图
1、vertical-align基本认识 支持的属性值： ①线类：baseline（默认），top，middle，bottom ②文本类：text-top，text-bottom ③上标下标类：sub，super ④数值百分比类： 数值和百分比的共性：ⅰ都带数字；ⅱ都支持负值；ⅲ行为表现一致（都是在baseline基础上上下偏移数值大小，百分比类以line-height计算，IE6/IE7下vertical-align百分比值不支持小数line-height）
:nth-child 只计算父元素的第几个子元素 ,不管是否是同种类型,也不会排除干扰项.
Android的布局开发中存在五大布局，在鸿蒙布局开发中也存在与之相似的五种布局类型，唯一多余的一个类型叫做自适应盒子布局，布局可以在不同设备上有不同的展示方式。 熟悉Android开发的小伙伴可以参照Android的布局开发来学习。
标准文档流 指的是元素排版布局过程中，元素会默认自动从左往右，从上往下的 流式排列方式 。并最终窗体自上而下分成一行行，并在每行中从左至右的顺序排放元素。
默认情况下，表格标题是在表格的顶部，属性为：top，如果想把标题放在底部，属性为：bottom。
静态定位是所有元素的默认定位方式，当position属性的取值为static时，可以将元素定位于静态位置。 所谓静态位置就是各个元素在HTML文档流中默认的位置。
CSS 是层叠样式表（Cascading Style Sheets）的简写，它是一种用于定义网页和网页应用程序外观的标准格式语言。
相对布局，即是相对于某个参照物的位置来摆放新的控件，由RelativeLayout类表示。
页面居中，各种元素居中是我们开发是很常见的情况，下面就来讨论下水平居中，垂直居中以及水平加垂直居中都有哪些常见的方案。我们的目标是对齐下面这两个div:
文本垂直操作：vertical-align的使用图示。middle设置居中。 vertical-align 只对行内元素、行内块元素和表格单元格（table-cell）元素生效：不能用它垂直对齐块级元素。
2.利用css3新增属性transform: translate(-50%,-50%);
⽤webpack优化前端性能是指优化webpack的输出结果，让打包的最终结果在浏览器运⾏快速⾼效。
一直对一些自己常用的css声明掌握得不是很全，只知道常用的一些属性和值，但是对于其他的用法确实一知半解，这篇文章旨在扫盲，先不说有多深的理解，至少做到能够看到这些声明的属性和值的时候做到不陌生。 这里后续还会增加更多自己在工作和学习中的一些css声明，供自己查阅，也提供给大家看看。 github background-image 用于指定一个容器的背景图片，主要的值有三个： none 无背景图片(默认) url(/* image path */) 指定的图片地址 inherit 继承自父容器 当背景图片默认
当使用多个值时，font-family 属性值字体列表定义浏览器应选择字体系列的优先级。 浏览器将在用户的计算机或者任何 @font-face 资源中查找每个字体。 所使用的字体优先级按从左到右的排序: 如果可用，它将使用第一个值，否则跳到下一个值，直到最后。默认字体系列由浏览器首选项定义。 在上面的示例中，浏览器将首先尝试使用 Source Sans Pro。如果不可用，它会尝试使用 Arial。如果也不可用，它将使用浏览器的 sans-serif 字体族中的可用字体。
1.是IOS8新出的，属于表格一样的布局，我们暂时不用多管。 2.是进行两个试图进行约束的 3.是对于单个试图进行约束的，默认相对于父试图。 4.是对于约束更新和擅长管理的。
小伙伴们，在上文中我们介绍了Android常见布局中的LinearLayout，本文我们继续盘点介绍Android开发中另一个常见的布局，相对布局RelativeLayout。
这12个问题，基本上就是HTML和CSS基础中的重点个难点了，也是必须要弄清楚的基本问题，其中定位的绝对定位和相对定位到底相对什么定位？这个还是容易被忽视的，浮动也是一个大坑，有很多细节。
ID选择器：针对某一个特定的标签来使用，只能使用一次。css中的ID选择器以 # 来定义
在一个Android应用程序中，用户界面通过View和ViewGroup对象构建。Android中有很多种View和ViewGroup，他们都继承自View类。View对象是Android平台上表示用户界面的基本单元。
标准流在最底层 (海底) ------- 浮动 的盒子 在 中间层 (海面) ------- 定位的盒子 在 最上层 （天空）
CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素，给HTML设置样式，让它更加美观。
带!important 标记的样式属性优先级最高； 样式表的来源相同时： !important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性
父元素 1.dispaly: grid | inline-grid | subgrid; grid: 生成块级网格 inline-grid: 生成行内网格 subgrid: 如果网格容器本身是网格项（嵌套网格容器），此属性用来继承其父网格容器的列、行大小 2.grid-template-columns 行大小 grid-template-rows 列大小 3.单元格间距grid-column-gap、 grid-row-gap、grid-gap grid-column-gap: 单元格列间距 grid-row-gap：单元格行间距 grid-gap：grid-row-gap 和 grid-column-gap的简写 4. 单元格内容宽度和左右对齐：justify-items: stretch | start | center | end; 5. 单元格高度和上下对齐align-items: stretch|start | end | center ; start: 左对齐 end: 右对齐 center: 居中对齐 stretch: 填满（默认，内容居左） 6.总网格区域相对于容器左右对齐方式(网格内容大小小于容器宽时) justify-content: start | end | center | stretch | space-around | space-between | space-evenly ; 7. 总网格区域相对于容器上下对齐方式(网格内容大小小于容器高时) align-content: start | end | center | stretch | space-around | space-between | space-evenly ; start: 左对齐 end: 右对齐 center: 居中对齐 stretch: 填满网格容器 space-around: 网格项两边间距相等，网格项之间间隔是单侧的2倍 space-between: 两边对齐，网格项之间间隔相等 space-evenly: 网格项间隔相等
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
