xiao_yi_8421的博客

相对定位relative相对定位是将元素相对于它在标准流中的位置进行定位，当position属性的取值为relative时，可以将元素定位于相对位置。对元素设置相对定位后，可以通过边偏移属性改变元素的位置，但是它在文档流中的位置仍然保留。如下图所示，即是一个相对定位的效果展示：注意：相对定位最重要的一点是，它可以通过边偏移移动位置，但是原来的所占的位置，继续占有。其次，每次移动的位置，是以自己的左上角为基点移动（相对于自己来移动位置）就是说，相对定位的盒子仍在标准流中，它后面的盒子仍以标准

定位(position)元素的定位属性元素的定位属性主要包括定位模式和边偏移两部分。边偏移边偏移属性 描述top 顶端偏移量，定义元素相对于其父元素上边线的距离bottom 底部偏移量，定义元素相对于其父元素下边线的距离left 左侧偏移量，定义元素相对于其父元素左边线的距离right 右侧偏移量，定义元素相对于其父元素右边线的距离也就说，以后定位要和这边偏移搭配使用了， 比如 top: 100px; left: 30px; 等等定位模式(定位的分类)

浮动(float)可以让任何盒子可以一行排列,因此我们就慢慢的偏离主题，用浮动的特性来布局了什么是浮动？元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制，移动到其父元素中指定位置的过程。在CSS中，通过float属性来定义浮动，其基本语法格式如下：选择器{float:属性值;}float: left/right/none;属性值 描述left 元素向左浮动right 元素向右浮动none 元素不浮动（默认值）浮动详细内幕特性浮动脱离标准流，不占位置，会影响标准流。浮动只有

行高的测量行高我们利用最多的一个地方是：可以让一行文本在盒子中垂直居中对齐。做法就是：文字的行高等于盒子的高度。这里情况些许复杂，开始学习，我们可以先从简单地方入手学会。总结：上距离和下距离总是相等的，因此文字看上去是垂直居中的。如果行高等于height高度，文字会垂直居中如果行高大于高度，文字会偏下如果行高小于高度，文字会偏上CSS三大特性层叠 继承 优先级 是我们学习CSS 必须掌握的三个特性。CSS层叠性所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果

基础选择器要想将CSS样式应用于特定的HTML元素，首先需要找到该目标元素。在CSS中，执行这一任务的样式规则部分被称为选择器（选择符）。标签选择器（元素选择器）标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。其基本语法格式如下：标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 或者元素名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }特点：标签选择器能快速为页面中同类型的标签统一样式，同时这也是他

color:文本颜色color属性用于定义文本的颜色，其取值方式有如下3种：1.预定义的颜色值，如red，green，blue等。2.十六进制，如#FF0000，#FF6600，#29D794等。实际工作中，十六进制是最常用的定义颜色的方式。3.RGB代码，如红色可以表示为rgb(255,0,0)或rgb(100%,0%,0%)。需要注意的是，如果使用RGB代码的百分比颜色值，取值为0时也不能省略百分号，必须写为0%。line-height:行间距line-height属性用于设置行间距，就是

font-size:字号大小font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可以使用绝对长度单位。其中，相对长度单位比较常用，推荐使用像素单位px，绝对长度单位使用较少。具体如下：font-family:字体font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等，例如将网页中所有段落文本的字体设置为微软雅黑，可以使用如下CSS样式代码：p{ font-family:"微软雅黑";}可以同时指定多个字体，中间以逗号隔开，表示如果浏览器不支持第一个字

CSS初识CSS(Cascading Style Sheets) 主要用于美化样式。CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。样式表CSS可以写到那个位置？ 是不是一定写到html文件里面呢？内部样式表内嵌式是将CSS代码集中写在HT