L990614的博客

布局和兼容版心和布局流程 通栏阅读报纸时容易发现，虽然报纸中的内容很多，但是经过合理地排版，版面依然清晰、易读。同样，在制作网页时，要想使页面结构清晰、有条理，也需要对网页进行“排版”。“版心”(可视区) 是指网页中主体内容所在的区域。一般在浏览器窗口中水平居中显示，常见的宽度值为960px、980px、1000px、1200px等。一、布局流程为了提高网页制作的效率，布局时通常需要遵守一定的布局流程，具体如下：1、确定页面的版心（可视区）。2、分析页面结构。（从上往下------>

定位(position)background-position 背景定位如果，说浮动， 关键在一个 “浮” 字上面， 那么 我们的定位，关键在于一个 “位” 上。一、元素的定位属性元素的定位属性主要包括定位模式和边偏移两部分。1、边偏移边偏移属性描述top顶端偏移量，定义元素相对于其父元素上边线的距离bottom底部偏移量，定义元素相对于其父元素下边线的距离left左侧偏移量，定义元素相对于其父元素左边线的距离right右侧偏移量，定义元素相对于

浮动(float)标准文档流(normal flow) （页面默认的）CSS的定位机制有3种：s流、浮动和定位。标准文档流实际上就是一个网页内标签元素正常从上到下，从左到右排列顺序的意思，比如块级元素会独占一行，行内元素会按顺序依次前后排列。浮动(float)浮动是个很有意思的事情：就是让任何盒子可以一行排列。什么是浮动？（脱离标准文档流，不占据原来的位置）元素的浮动是指设置了浮动属性的元素会脱离标准文档流的控制，具有float属性元素在父标签中是不占空间的。（所有的元素都可以浮动）在CS

盒子模型概念： 所谓盒子模型就是把HTML页面中的元素（标签）看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。 看透网页布局的本质​ 我们之前说过，行内元素比如文字，也需要一个盒子把他们装起来，我们前面学过的双标签都是一个盒子。有了盒子，我们就可以随意的，自由的，摆放位置了。网页布局的本质：把网页元素比如文字图片等等，放入盒子里面，然后利用CSS摆放盒子的过程，就是网页布局。盒子模型（B

1、color:文本颜色color属性用于定义文本的颜色，其取值方式有如下3种：1.预定义的颜色值，如red，green，blue等。0 1 2 3 4 5 6 7 8 9 A B C D E F2.十六进制，如#FF0000，#FF6600，#29D794等。实际工作中，十六进制是最常用的定义颜色的方式。3.RGB代码，如红色可以表示为rgb(255,0,0)。2、font-size:字号大小font-size属性用于设置字号，推荐使用像素单位px。具体如下：单位说明p

CSS语法，引入方式，选择器CSS的出现，拯救了混乱的HTML，当让更加拯救了我们web开发者。让我们的网页更加丰富多彩。CSS的最大贡献就是：让 HTML 从样式中解脱苦海，实现了 HTML 专注去做 结构呈现。CSS它是我们网页的美容师你跟Angelababy只差了一个妆容的距离有人说， 没有不漂亮的女人，只有不会打扮的女人。我想说， 没有不好看的网页，只有不会CSS的前端。CSS初识CSS(Cascading Style Sheets)美化样式CSS通常称为 CSS样式表 或 层叠