CSS网站布局
PaulSH
坚持是一种态度!
展开
-
一、布局和定位
布局和定位:搭建一个可视框架,框架在页面的显示位置和浮动方式。CSS布局方式有两种:浮动布局和定位布局了解Div Div是XHTML中指定的、专门用于布局设计的容器对象。 Div对象本身是占据整行的一种对象,不允许其它对象与之共存一行中; PS:XHTML中的对象类型: block块状对象-当前对象显示为一个方块。默认显示状态下,它将占据整行,其它的对象只能在下一行显示。 ...原创 2009-02-15 00:41:22 · 164 阅读 · 0 评论 -
二、CSS网站元素设计
1.用CSS设计网站导航 横向导航 body{background-color:#000000;} #nav{height:26px;border-bottom:2px solid #ffffff;list-style:none;} #nav li{float:left;font-size:14px;font-weight:bold;} #nav li ...原创 2009-02-15 18:20:33 · 126 阅读 · 0 评论 -
三、CSS内容排版
文字排版 1.通栏排版:将段落文字放置于p或其他对象中,在对段落文字间距、行距、字号等样式控制。 2.分栏排版: 图文混合排版 不规则文字环绕:使用多个div来完成不规则图形。 全图排版 <style type="text/css"> #layout div{border:1px solid #aaa;margin:3px;float:left;p...原创 2009-02-15 19:29:06 · 123 阅读 · 0 评论 -
id与class div与span
id与class class的主要功能,用来对对象的样式设置,id除了可以定义样式之外,还可以成为网站交互行为一个特使标识。 id名字在每个页面中只能允许出现一次。 何时使用id: 1.样式只使用一次 2.用于对页面的区域进行标识 何时使用class 1.同一页面中出现多次 2.通用及...原创 2009-02-15 20:38:22 · 180 阅读 · 0 评论