DIV+CSS排版技巧

本文详细介绍了CSS排版的基础知识,包括盒子模型的组成、边框和边界的设置,以及链接样式的应用。进一步讨论了如何通过font属性控制文字样式,使用margin调整段落布局,实现文字竖排、首字下沉和首行缩进的效果。此外,还涉及项目符号的定制、汉字注音的处理和文本截断技巧。最后,讲解了背景属性的综合运用,如背景颜色、图片及位置设置。
摘要由CSDN通过智能技术生成
1、CSS盒子(CSS box)


CSS中没有box这个属性。CSS的盒子(box)是由以下几个部分组成的:内容(content)、填充(padding)、边框(border)和边界(margin)。盒子的内容当然是必须有的,而填充、边框和边界都是可选的。如果把CSS的盒子看做现实生活中的盒子,那么内容就是盒子里装的货物;而填充就是怕货物损坏而添加的泡沫或者其它抗震的东西;边框就是盒子本身了;至于边界则说明盒子摆放的时候的不能与其他物体紧挨在一起,而必须有一段空隙。当然了,CSS中的盒子是平面的。
 

CSS边框(border):


border主要有以下参数:none : 无边框;hidden : 隐藏边框;dotted :点线;dashed:虚线;solid : 实线边框;double : 双线边框;groove : 3D凹槽;ridge : 菱形边框;inset : 3D凹边;outset : 3D凸边。
边框的值将是四个,如果提供全部四个参数值,将按上-右-下-左的顺序作用于四个边框。
如果只提供一个,将用于全部的四条边。
如果提供两个,第一个用于上-下,第二个用于左-右。
如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。
边框(border)和边界(margin)主要用来定位,它们将以上下左右四个值来定义。

2、链接(a)四个属性:a:link、a:visited、a:hover和a:active,顺序不能颠倒

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
XHTML 40个例子显示的内容一样,通过CSS实现不一样的布局效果, 是学习div + css排版的绝佳教程.body标签内的内容如下: Header 1) Content here. column long long column very long fill fill fill long text text column text silly very make long very fill silly make make long make text fill very long text column silly silly very column long very column filler fill long make filler long silly very long silly silly silly long filler make column filler make silly long long fill very. very make make fill silly long long filler column long make silly silly column filler fill fill very filler text fill filler column make fill make text very make make very fill fill long make very filler column very long very filler silly very make filler silly make make column column fill long make long text very make long fill column make text very silly column filler silly text fill text filler filler filler make make make make text filler fill column filler make silly make text text fill make very filler column very column text long column make silly long text filler silly very very very long filler fill very fill silly very make make filler text filler text make silly text text long fill fill make text fill long text very silly long long filler filler fill silly long make column make silly long column long make very 2) Navigation here. long long fill filler very fill column column silly filler very filler fill fill filler text fill very silly fill text filler silly silly filler fill very make fill column text column very very column fill fill very silly column silly silly fill fill long filler 3) More stuff here. very text make long silly make text very very text make long filler very make column make silly column fill silly column long make silly filler column filler silly long long column fill silly column very Here it goes the footer
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值