wode39的博客

如图，在浏览器中要实现以下效果：红色字体本质是一个图标，实现过程如下：1.准备一张后缀为.png ,.jpg格式的图片2.把图片转换成.ico格式的图标，可利用www.bitbug.net 进行转换网站优化的三大标签title：网站标题，一般是网站名+简单描述，位置越靠前，权重越高。一般不超过28个字。desription:网站描述。不超过120个字。keywords:一般关键词在6~8个。.........

video标签audio标签input标签。

正确做法：子盒子通过left属性向右移动父盒子宽度的50%，再通过margin-left负值向左移动自身宽度的50%；垂直居中同理可得：通过top属性向下移动父盒子高度的一半，再通过margin-top负值向上移动自身个高度的一半。在CSS中绝对定位的盒子无法通过margin：0 auto;.........

产生效果：鼠标经过图片区域 ，图片实现放大的效果。

目录浮动最常见的应用 外边距塌陷（外边距合并问题解决办法）清除浮动CSS中浮动用于布局和格式化内容浮动的特性 1.脱离标准流； 2.实现横向布局 3.具有行内块特性 浮动主要应用于多个块级元素一行内排列效果图1： 代码1如下： 效果图2如下：代码如下： 外边距塌陷（外边距合并问题解决办法） 对于嵌套两个盒子，如下图： 踩坑：使小盒子顶部大盒子30px代码： 效果： 效果说明：两个盒子同时向下移动30px产生原因：外边距塌陷（外边距合并）

CSS学习基础

。。。。。。。