DIV+CSS 排版实用技巧(1)
本文向大家描述一下 DIV+CSS 排版技巧,主要包括使用固定宽度汉字(词)折行,设置背景 属性,首行缩进,竖排文字等内容,相信通过本文介绍你会学到很多知识。 相信大家对 DIV+CSS 布局应该有所了解, 那么你对 DIV+CSS 排版是否熟悉, 这里和大家 分享一些 DIV+CSS 排版技巧,主要包括设置背景属性,首行缩进,竖排文字等内容,希望对 你的
学习有所帮助。 必需知道的 DIV+CSS 排版技巧 盒子(CSSbox) 1、CSS 盒子(CSSbox) CSS 中没有 box 这个属性。 的盒子(box)是由以下几个部分组成的: CSS 内容(content)、 填充(padding)、边框(border)和边界(margin)。盒子的内容当然是必须有的,而填充、边 框和边界都是可选的。 如果把 CSS 的盒子看做现实生活中的盒子, 那么内容就是盒子里装的 货物;而填充就是怕货物损坏而添加的泡沫或者其它抗震的东西;边框就是盒子本身了;至 于边界则说明盒子摆放的时候的不能与其他物体紧挨在一起,而必须有一段空隙。当然了, CSS 中的盒子是平面的。 边框(border) (border): CSS 边框(border): border 主要有以下参数:none:无边框;hidden:隐藏边框;dotted:点线;dashed:虚 线;solid:实线边框;double:双线边框;groove:3D 凹槽;ridge:菱形边框;inset:3D 凹 边;outset:3D 凸边。 边框的值将是四个, 如果提供全部四个参数值, 将按上-右-下-左的顺序作用于四个 边框。 如果只提供一个,将用于全部的四条边。 如果提供两个,第一个用于上-下,第二个用于左-右。 如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。 边框(border)和边界(margin)主要用来定位,它们将以上下左右四个值来定义。 2、链接(a) 链接( CSS 链接有四个属性:其中 a:link、a:visited、a:hover 和 a:active 分别对应未访问 的链接、已经访问过的链接、鼠标悬停的链接和激活的鼠标链接(按下鼠标左键的时候)。这 几个样式的顺序不能颠倒, 否则可能造成部分样式无法正常显示。 每个样式里可以更改字体 属性、下划线、背景等等。 加入网页方法: 3、CSS 加入网页方法: 主要分为三种:内部样式表、行内样式表(内嵌样式表)、外部样式表。内部样式表主要 定义在内;行内样式表可直接使用 style 属性定义在标签内部;使用外部样式表时, CSS 文件与网页文件(html)是分离开来的,分开的文件要用
链接起 来,这主要针对 CSS 样式表较多的网页中,特别是要与 DIV 结合的网页。 4、DIV+CSS 排版中如何设定文字字体、颜色、大小——使用 font 排版中如何设定文字字体、颜色、大小—
—使用 ——
font-style 设定斜体,比如 font-style:italic; font-weight 设定文字粗细,比如 font-weight:bold; font-size 设定文字大小,比如 font-size:12px;(或者 9pt,不同单位显示问题参考 CSS 手册) line-height 设定行距,比如 line-height:150%; color 设定文字颜色(不是 font-color),比如 color:red; font-family 设定字体,比如 font-family:"LucidaGrande",Verdana,Lucida,Arial,Helvetica,宋体,sans-serif; 这是 ( 通用的写法) 以上都可以写在一行 font 属性里(除了 color 属性需要单独写): font:italicbold12px/150%"LucidaGrande",Verdana,Lucida,Arial,Helvetica,宋 体,sans-serif; 排版中如何控制段落排版—— ——使用 margin,text5、DIV+CSS 排版中如何控制段落排版——使用 margin,text-align 中文段落使用
标签,左右(相当于缩进)、段前段后的空白,都可以用 margin。比 如:
p{ margin:18px6px6px18px; /*分别是上、右、下、左,十二点开始的顺时针方向*/ }
文字的对齐方式用 text-align,比如:
p{ text-align:center;/*居中对齐*/ }
对齐方式还有 left、right 和 justify