CSS网页布局与定位
2017-02-27 17:33:39 0 举报
AI智能生成
CSS网页布局与定位是一种在网页设计中用于控制元素在页面上的位置和排列的技术。它使用CSS属性来定义元素的样式和位置,包括静态定位、相对定位、绝对定位和固定定位等。通过灵活运用这些定位方式,可以实现复杂的网页布局,使元素按照设计师的意图精确地显示在页面的特定位置。CSS网页布局与定位不仅提供了丰富的布局选项,还能够实现响应式设计,使网页在不同设备上具有良好的显示效果。它是网页设计中不可或缺的重要技术,为创建美观、功能完善的网页提供了强大的支持。
作者其他创作
大纲/内容
activity
ranklist
聊天
popularity
动态
temporary
3.1 认识div
几乎任何标签都可以用于浮动与定位,
而div首当其冲 ,div的目的存在就是为了
浮动与定位
而div首当其冲 ,div的目的存在就是为了
浮动与定位
3.1.3 理解div
用table很容易做到将屏幕一分为二,
div呢,如果在页面直接打上两句div,
得到的也只是上下结构
div呢,如果在页面直接打上两句div,
得到的也只是上下结构
div是block对象,独占一行的那种
块状div说明,它在页面中并非类似于文本那样的行间排版,
而是用于大面积,大区域的块状排版
而是用于大面积,大区域的块状排版
而且没有任何样式,说明div与样式毫无关系,所以这部分就交给css吧
css布局中,要做两件事,一是使用div将内容标记出来,二是为这个div编写我们
所需的css样式
所需的css样式
3.1.5 使用合适对象来布局
比如在header区域中,
除了标题还有导航,
<div class="header">
<div class="title">标题区</div>
<div class="nav">导航</div>
</div>
<div class="header">
<h1>标题区</h1>
<ul>导航</ul>
</div>
除了标题还有导航,
<div class="header">
<div class="title">标题区</div>
<div class="nav">导航</div>
</div>
<div class="header">
<h1>标题区</h1>
<ul>导航</ul>
</div>
所有标签中,除div外还有其他标签,
而每个标签都有自己的作用。虽然我们可以
完全使用div来构建布局,但这样布局的页面
将是一个全部由div组成的网页,最终可读性不高。
而标题用h标签正好,导航条由几个导航项组成,正好
可用ul来标识
而每个标签都有自己的作用。虽然我们可以
完全使用div来构建布局,但这样布局的页面
将是一个全部由div组成的网页,最终可读性不高。
而标题用h标签正好,导航条由几个导航项组成,正好
可用ul来标识
div默认的width是100%的,高度是根据内容来变的
div居中的margin:0 auto;
礼物模块
金币系统
CMS
fans
coupon
tag
0 条评论
下一页