当然最后一种情况是外层是positionabsolute里边是positionrelative，那会是什么情况按着原来的原则，absolute会参考body为布局原点，relative会参考他本来应该在的位置为布局原点，这时候其实就是参考外层左上角为布局原点；1图片宽高固定，这种情况很简单水平居中就在图片的css中加dispalyblockmargin0auto垂直居中自己算出p的高度图片的高度2，得到margintop值即可2图片高度未知，这个布局比较难实现一般我是用js做的；html css基础教程归纳如下第1Html介绍本章节主要讲解html和css样式的关系，以及html标签html文件结构head标签，最后讲解了在html中的注释代码的作用第2认识标签第一部分学完这一章节将对标签的使用有了一些初步的。

这个已经不再推荐使用的标签，但因为短小，在布局上却能带来不少的方便，有些时候比如细小地方的布局定义还是不错的选择#xF3A8CSS样式CSS放入网页的方式，可以在HTML文件内直接宣告样式，也可以在外部连接套用外部连接套用时，所有的CSS；1定义不同 1HTML结构全称Hyper Text Markup Language超文本标记语言，该语言是用于定义文档内容结构2CSS布局全称Cascading Style Sheets 层叠样式表2性质不同 HTML是网页的结构，CSS是；在一般情况下，div+css布局的网站，都是将html页面和css文件分开的，div+css的特点就是能将网页的内容和表现形式分离，所以，假如你要修改网站整站布局的话，一般只需要修改css文件里的的个别属性即可，而这种特点是table不。

如DIVSPANA链接em标签I斜体标签u下划线等，html代码语法范例ltdiv内容ltdiv CSS样式代码语法是div样式单词值 三HTML和CSS联系CSS与HTML相同之处在于，两个共同作用让网页实现需要的布局样式；html弹性布局设置居中CSS中需要考虑它的属性，设置居中的属性有两个aligncenterverticalalignmiddle，分别代表水平居中和垂直居中，然而这两个属性并不适用所有场景 aligncenter适用于标签内的文本内容，如果父元素中包含其他类似于p这种。

首先说下移动端的布局rem布局rem是指html元素上的字体大小对应的像素数值，使用rem为长度单位理想情况下如果将所有的长度单位都用rem标示，那么我只需要更改html上的fontsize即可同步按比例更改所有长度单位包括；本书共分4个部分21章和两个附录，包括网页设计基础HTML基础CSS基础CSS高级技术和CSS布局技术等内容全书遵循Web标准，强调“表现”与“内容”的分离，抛弃了那些过时的HTML标记和属性，从更规范的角度全面系统地介绍。

lthtml如果未了解过flex布局请移至文末点击链接查看 阮一峰大神写的关于flex语法3定位布局这边就不絮絮叨叨的讲一些基础的css定位知识了ps不会的请自行到w3c官网查阅，我主要来讲解一下工作中遇到的坑以免其他人和我一样掉；0quot lttitleDocumentlttitle ltstyle * margin 0 padding 0 html， body height 100% body display flex flexdirection column；页面布局是用HTML来实现的，CSS只是添加样式，网站提倡的结构和样式相分离就是这个意思HTML实现的是骨架，css可以说是实现了装饰1用div来实现，css3之前常用 2css3实现 然后实现结构的基础上添加css样式，希望对你有；HTML 就是超文本标记语言，CSS 是HTML 里面的样式个人感觉 table 的优点是table不需要考虑浏览器兼容问题缺点1代码臃肿，不管内容多或少 你最少要lttablelttrlttd才能开始写内容lttdlttrlttable2。

中间 div id=#34bottom#34底部div ！底部 body html底部！doctype html html head meta charset=#34utf8#34 title淘宝助手网title style a，ul，li，div，span，td padding0 margi。