-
实现：a.横向多列布局 b.遮罩层效果提示框 c.固定层效果 d.全屏广告 position拥有三种定位形式：1、静态定位 2、相对定位 3、绝对定位 可以设置四个属性值：1.static(静态定位)2.relative（相对定位）3.absolute（绝对定位）4.fixed（固定定位）查看全部
-
盒子模型 盒子模型=网页布局的基石，由四部分组成: 边框（border） 外边框（margin） 内边距（padding） 盒子中的内容（content） 各有四个方向，顺时针上右下左设置 就近原则：行内样式>内部样式>外部样式 盒子3D模型 1，border 2，content+padding 3，background-image 4，background-color 5，margin 盒子模型尺寸=边框+外边距+内边距+盒子中的内容尺寸查看全部
-
CSS中，存在3中的定位机制： 标准文档流（Normal flow） 浮动（Floats） 绝对定位（Absolute positioning） 标准文档流（Normal flow） 特点;从上到下，从左到右，输出文档内容 由块级元素和行级元素组成 块级元素特点;div，ul，li，dl，dt，p... 从左到右撑满页面，独占一行 触碰到页面边缘时，会自动换行 行级元素特点;span，strong，img，input... 能在同一行内显示，不会改变HTML文档结构 块级元素与行级元素都是盒子模型查看全部
-
流式布局、浮动布局、绝对布局； 标准文档流、盒子模型、float属性、position属性； 自动居中一列布局、浮动布局、绝对定位布局； CSS规定的定位机制有三种: 1.自动居中(列布局案例:盒子模型的使用方法) 2.浮动(布局案例:float属性，解决浮动影响的方法) 3.绝对定位(布局案例:绝对定位实现横向两列或多列布局)查看全部
-
设置了float后 块里没有内容将不会被撑开 紧邻标签会受影响（跟着其环绕）查看全部
-
设置了float后 块里没有内容将不会被撑开查看全部
-
浮动到容器为止，仍在标准文档流中查看全部
-
如果有浮动或绝对定位 margin:0 auto 无法居中查看全部
-
margin: auto auto=(浏览器宽度-外包含层宽度)/2查看全部
-
auto 内涵查看全部
-
自动居中 包裹层 设置 margin: 0 auto查看全部
-
自动居中的三个必须查看全部
-
border三属性顺序 宽度 样式 颜色查看全部
-
块级标签：默认一个占一行 行级标签：默认相互同一行查看全部
-
relative——父元素相对定位，absolute——自适应宽度元素绝对定位 【注意】固定宽度的元素的高度>自适应宽度的列的高度（绝对定位后脱离标准文档流，就无法将父元素撑起，就需要类似一根柱子的元素将父元素撑开，以便绝对定位的元素放得下） 例子：【注意】对绝对定位的#content设置right：0无效（宽度为100%了），因为#content是自适应宽度的，故设置left或margin-left查看全部
举报
0/150
提交
取消