css经典布局有哪些

html-css012

css经典布局有哪些,第1张

下面这几种布局方式在一些常用界面的制作上都是基础,供参考:

1、可复用的高度和宽度都自适应的圆角矩形

2、两列布局,其中左侧部分宽度固定、右侧部分宽度随浏览器宽度的变化而自适应变化

3、三列布局,其中左侧和右侧的部分宽度固定,中间部分宽度随浏览器宽度的变化而自适应变化

4、浮动布局

浏览器对于样式表的优先级从高到低------内联接 style外部链入的。

内联接就是在标签内加style,如<div style="color:#000"></div>

style就是加一个style标签,可以放在html的任何位置,如<style>css属性</style>

外部连入的分给import和link

import和第二种差不多只不过写的不是css属性二是<style>@import url(xx.css)</style>这种自我感觉不常用

link是最常用的一种方法。如<link type="text/javascript" href="xx.css" rel="stylesheet"/>

最后俩个都要注意引用的路径