DIV+CSS基础布局代码资料
下面先记录一下各种值的意思：
每个HTML元素都可以看作一个装了东西的盒子，盒子具有宽度（windth）和高度（height），盒子里的内容到盒子的边框之间的距离即填充（padding），盒子本身有的边框（border），而盒子边框外和其他盒子之间，还有边界（margin）.
1.声明盒子模型的CSS属性：代表边界的词：
| top | 上边，顶部 |
| right | 右边，右对齐 |
| bottom | 下边，底部 |
| left | 左边，左对齐 |
| auto | 自动 |
| center | 居中 |
| width | 层的宽度，可以为一个宽度或 “auto” 值，不允许使用负指， |
| height | 层的高度，可以为一个长度或 “auto” 值，不允许使用负指， |
| border | 边框属性用于设置一个元素的，边框风格，边框颜色，可以一起设置4边的边框，也可以对 上 右 下 左 进行单独的设置， |
| padding | 用于设置区域的内边距属性，是边距和元素内容之间的间距距离，可以使用： padding-top padding-right padding-bottom padding-left |
| margin | 是定义区块外边界与上级元素距高的属性，用1到4个值来设置元素的边界，每个值都是长度，百分比或者auto，百分比值参考上级元素的宽度，允许使用负边界值，还可以使用： margin-top margin-right margin-bottom margin-left 。 |
| position | 用于定义一个元素是否absolute(绝对)，relative(相对)，static(静态)，fixed(固定)， |
| top | 层距离顶点纵坐标的距离， |
| left | 层距离顶点横坐标的距离， |
| text-align | 横向排列，可以使用 left(左对齐)， right(右对齐)和 center(居中)， |
| line-height | 指定行高，内容都是在行的中间，所以可以使用这个属性设置内容垂直居中，这个属性接受一个控制文本基线之间的间隔值，可以是数字，表示字体大小乘以该数所得，也可以使用百分比， |
| z-index | 绝对成的先后顺序和覆盖关系，值高的元素会覆盖值比较低的元素， |
| display | 是一个显示属性，设定block值是以块状显示，在元素后面添加换行符，既其他元素不能再其后面并列显示，如果设定inline值则内联显示，在元素后面删除换行符，多个元素可以在一行内并列显示，使用值none将关闭指定元素及其子元素的显示， |
| visibility | 这个属性是针对嵌套成的设置，如果存在嵌套的成(子层)和被嵌套的层(父层)时，可以使用inherit值设置子层继承父层的可见性，如果父层可见，子层也可见。当使用visible值时，无论父层是否可见，子层都可见。 当使用hidden值时，无论父层是否可见，子层都隐藏。 |
| overflow | 用于设置层内的内容超出层所能容纳的范围处理方式，为该属性设置visible值时，无论层的大小，内容都会显示出来，当设置hidden值时：会隐藏超出层大小的内容。 当设置scroll值时，不管内容是否超出层的范围，选中此项都会为层添加滚动条。 当设置auto值时：只在内容超出层的范围时才显示滚动条。 |
| float | 设置区块漂浮属性，允许网页制作者将文本环绕在一个元素的周围，可以使用左漂浮left值，右漂浮right值， |
| clear | 清除属性指定一个元素是否允许有元素漂浮在它的旁边。 值left移动元素到在其左边的漂浮的元素下面： 值right移动到其右边的漂浮的元素下面。 其他的还有缺省的none值，和移动元素到其两边的漂浮的元素的下面的both值， |
可能对你有帮助的内容：金币获取 | v7a,v8a,all等APK版本怎么选？ | 下载帮助 | 阿里云代金券
文章名称：DIV+CSS基础布局代码资料
文章链接：https://www.jipinsoft.com/1193.html
免责声明：根据《计算机软件保护条例》第十七条规定“为了学习和研究软件内含的设计思想和原理，通过安装、显示、传输或者存储软件等方式使用软件的，可以不经软件著作权人许可，不向其支付报酬。”您需知晓本站所有内容资源均来源于网络，仅供用户交流学习与研究使用，版权归属原版权方所有，版权争议与本站无关，用户本人下载后不能用作商业或非法用途，需在24个小时之内从您的电脑中彻底删除上述内容，否则后果均由用户承担责任；如果您访问和下载此文件，表示您同意只将此文件用于参考、学习而非其他用途，否则一切后果请您自行承担，如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。
