-
横向两列布局 网页布局最常见的方式之一：主要应用技巧—float属性-使纵向排列的块级元素，横向排列 margin属性-设置两列之间的间距 | | | 当父包含块缩成一条时，用clear:both方法清除浮动无效，（用overflow:hidden清除）他一般用于紧邻后面的元素的清除浮动；div块的高度一般不需要设置查看全部
-
清除浮动的常用方法 clear属性-常用clear:both;clear:left或者clear:right 同时设置width:100%(或固定宽度)+overflow:hidden; (不建议使用空标签方法清除浮动，对页面无意义)查看全部
-
自动居中一列布局 三个技能点：标准文档流，块级元素，margin属性 auto会根据浏览器的宽度自动的设置两边的外边距 原理：（浏览器的宽度-外包含层）/2=外边距 如果想让页面自动居中，当设置margin属性为auto的时候，不能再设置浮动或者绝对定位属性查看全部
-
四个值：（顺时针）上右下；三个值：上；左右，下；俩个值：上下，左右；一个值：上下左右。 盒子3d模型：border/content+padding/background-image/background-color/margin查看全部
-
css中存在 3种的定位机制： 标准文档流（normal flow） 浮动（floats） 绝对定位(absolute position) 标准文档流：特点-从上到下，从左到右输出文档内容 由块级元素和行级元素组成（块级：从左到右撑满页面，独占一行；触碰到页面边缘时，会自动换行/行级元素：特点-能在同一行内显示，不会改变html文档结构）查看全部
-
三大类：盒子模型，流模型，层模型； 流模型：标准文档流、浮动流； 层模型：相对、绝对、固定、正常； 绝对定位 与 浮动流 会将元素变为inline-block查看全部
-
行内样式： <p width='50px'height='100px'> 这是行内样式 </p> 直接在标签上面写上对应的属性 内部样式： <style> p { width:50px; height=100px;} </style> 这个是内部样式，写在<head></head> 中间的css样式 外部样式： <style src="文件路径"></style> 简单一点来说，外部样式指的是，样式不是写在html中， 而是单独存放在另外的css文件中， 从外部调用的。 盒子模型立体图顺序：border、content+padding、background-image、background-color、margin查看全部
-
自动居中一列布局需要设置 margin 左右值设置为 auto，而且一定要设置width为一个定值。查看全部
-
从第一层到第五层依次为：border、content+padding、background-image、background-color、margin。查看全部
-
CSS 规定的定位机制有三种，分别是标准文档流、浮动及绝对定位。查看全部
-
相对定位特点： 1、相对于自身原有位置进行偏移 2、仍处于标准文档流中 3、随即拥有偏移属性和z-index属性查看全部
-
绝对定位布局:通过设置position属性实现，能够实现横向多列布局及较为复杂的定位 拥有3种定位形式：1.静态定位 2.相对定位 3.绝对定位 可设置4个属性值： static（静态定位）relative（相对定位）absolute（绝对定位）fixed（固定定位） absolute和fixed 都属于绝对定位查看全部
-
边框：border 外边距：上top 左left 右right下bottom查看全部
-
清除浮动的常用方法(对于受到影响的元素设置) 1、clear属性-常用claer:both; clear:left或者clear:right 2、同时设置width：100%（或固定宽度）+overflow：hidden;查看全部
-
float属性： 3个属性值：left-左浮动 right-右浮动 none-不浮动 特点：元素会左移，或右移，直至触碰到容器为止 设置了浮动的元素，仍旧处于标准文档流中查看全部
举报
0/150
提交
取消