-
设置了浮动的元素，仍处于标准文档流中，占据了标准文档流的空间，对文档流中的元素有影响 当元素没有设置宽度值，而设置了浮动属性，元素的宽度随内容的变化而变化 当元素设置浮动后，会对相邻的元素产生影响，相邻的元素特指紧邻它之后的元素查看全部
-
让网页自动居中： 设置了居中，不能设置绝对定位和浮动属性， width : 100px ; margin: 0 auto; margin 中的0是可以自动居中的; auto：会根据浏览器的宽度自动的设置两边的外边距； 原理：(浏览器的宽度 - 外包含层的宽度) /2 = 外边距查看全部
-
盒子模型是网页布局的基石，由4个部分组成： 边框（border） 外边距（margin） 内边距（padding） 盒子中的内容（content） 样式表的优先级：行内样式>内部样式>外部样式 即就近原则 盒子的3D模型（从上到下的图层）： 第一层：border 第二层：content+padding 第三层：background-image 第四层：background-color 第五层：margin 盒子模型尺寸=边框+外边距+内边距+盒子中的内容尺寸查看全部
-
w3c标准： 由万维网联盟指定的一系列标准，包括： 结构化标准语言（HTML和XML） 表现标准语言（CSS） 行为标准语言（DOM和ECMAScript） w3c标准是为了倡导结构、样式、行为的分离。 CSS中，存在3种的定位机制： 标准文档流（Noramal flow） 浮动（Floats） 绝对定位（Absolute positioning） 标准文档流（Normal flow）的特点： 从上到下，从左到右，输出文档内容 由块级元素和行级元素组成 块级元素的特点： 从左到右撑满页面，独占一行 触碰到页面边缘时，会自动换行 常见的块级标签，如：div，ul，li，dl，dt，p…… 行级元素特点： 能在同一行内显示 不会改变HTML文档结构 常见的行级标签：span，strong，img，input…… 块级元素和行级元素都是盒子模型 IE浏览器默认了外边距，Dreamweaver的可视窗口模拟的是IE浏览器窗口查看全部
-
布局的种类: 一列布局，两列布局，三列布局，混合布局 float position查看全部
-
当元素没有设置宽度值，而设置了浮动，大小随内容变化而变化。查看全部
-
追加样式---<div class="content book"> .content{} .book{}查看全部
-
solid 实现查看全部
-
CSS中第二种定位机制：浮动布局 能实现块级元素横向多列布局 元素会左移或右移，直至触碰到容器为止。 注意： 1.当元素没有设置宽度，而设置了浮动属性，元素的宽度随内容的变化而变化。 2.当元素设置了浮动以后，会对相邻的元素造成影响，相邻元素特指紧邻后面的元素。查看全部
-
清除浮动影响： 1.clear:both; 2.width:(xx);overflow:hidden;查看全部
-
当margin:0 auto时，不能再设置绝对定位和浮动属性，不然就不能居中了. 元素自动居中： {widht:100px; margin:0 auto;} 原理：（浏览器的宽度-外包含层的宽度）/2 = 外边距查看全部
-
追加样式---<div class="content book"> .content{} .book{}查看全部
-
盒子3D模型查看全部
-
行级标签：span ， strong ， img ， input查看全部
-
IE浏览器默认了外边距，Dreamweaver的可视窗口模拟的是IE浏览器窗口查看全部
举报
0/150
提交
取消