布局页面

Posted 终极用户

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了布局页面相关的知识,希望对你有一定的参考价值。

在body内写div    head内增加样式

增加样式<style type="text/css">

  外界边框都设置为0

*{marrgin:0 px auto;padding:0px}px

先写最外层div,然后在拆,一层一层写

text-align:center;是水平对齐居中的意思

vertical-align;是水平垂直

<标签名>:hover{可以设置颜色;cursor:pointer}

鼠标一上来就会改变颜色,把鼠标变成一个小手

padding-bottom;下边框

border-bottom;内边框

 如果给一个标签的子级设div的话,例如id=a  ,可以  #a div{}  这样写,空格代表a的子级

如果让文字实现居中效果,用text-align:center;vertical-align:middle;line-height:行高px,就可以实现

以上是关于布局页面的主要内容,如果未能解决你的问题,请参考以下文章

前端页面中几种常用的flex布局

HTML页面布局问题

rem布局可以用来做pc端页面布局吗

前端面试题系列之-CSS及页面布局篇

如何利用EasyUI框架控制页面布局

页面布局方案