2023年6月20日发(作者：)

外观html与外观css的区别,使⽤CSS定制外观使⽤ CSS 定制外观DocBook 输出为 Html 时，如果不使⽤ CSS 控制，那么它的外观将⽐较“朴素”如果⾃⼰写⼀个 CSS 未免太⿇烦，可以随便找⼀个 DocBook 写的⽂档，将⾥⾯的 CSS ⽂件拿来修改[58]通过例⼦简单介绍下 CSSbody {font-family: verdana, tahoma, helvetica, arial, sans-serif;text-align: left;background: #fff;color: #222;margin: 1em;padding: 0;font-size: 1em;line-height: 1.2em}选择符，body标记中的内容如果没有专门指定，都应⽤花括号中定义的样式花括号中的内容为样式定义字体⽂字左对齐背景⾊⽂字⾊页边距内部页边距⾏⾼⾏距em是相对尺⼨，当前字体的尺⼨=1em；px是绝对尺⼨，像素，由显⽰器分辨率决定；字体默认为 16px ⼤⼩，也就是说 1em=16px看看我们⽣成的 Html ⽂件的源码>给⼀个元素指定⼀个类这⾥的页眉和页脚，使⽤的都是div标记，只不过类不同，怎么样为它们分别指定样式呢？在 CSS ⽂件中找到相关段落：der {border-bottom: 1px solid #dbddec;}ter {border-top: 1px solid #dbddec;}类选择符，表⽰类为navheader的div标记，应⽤花括号中的样式如果想对包含某⼀类的所有标记定义样式，可以单独使⽤类选择符.command {color: red;}不管command这个类出现在什么标记中，它都应⽤该样式如果需要对多个不同的标记定义同⼀个样式，使⽤分组选择符der, ter {background: #ecedef;margin: 0;padding: 0.1em .5em;}分组选择符空格为包含选择符table tr td {border:dashed #999;text-align: left;}表⽰table标记中的tr标记中的rd标记代码块的样式我在 DocBook 中使⽤ screen 输出代码块，看看如何定义它的样式.screen {color: #000;background-color: #e9e9e9;font-weight: normal;border: 1px dotted #666699;max-height:20em;overflow:auto;}定义边框粗细、类型、颜⾊。[59]定义最⼤⾼度代码块超出上⾯定义的最⼤⾼度时，加⼊⼀个滚动条简单表格的样式我⽤简单表格来放置⼀些需要排列整齐的⽂字.informaltabletable {border:0;border-top:dashed #999;border-width:1px 1px 1px 1px;margin-left: 10px;margin-right: auto;}.informaltable table th, .informaltable table tr td {border-right:0;border-bottom:dashed #999;border-width: 0 1px 1px 0;padding: 0.2em 0.4em 0.2em 0.8em;text-align: left;}包含选择符，类为informaltable的(div)标记，包含的table标记，应⽤下⾯的样式table标记设定的边框为表格顶部和左边的边框，取消设定顶部的边框为点划线分组选择符，分别选中表头和表体的单元格表格底部和右边的边框由单元格设定[60]⽂字对齐[58]这个东西你不想要的时候满地都是，⼀旦你想找⼀个，可能还真找不到，没关系，可以⽤我的改。我也是改别⼈的：)[59]边框类型包括：solid实线、dashed点划线、dotted虚线、double双线、groove槽状、ridge脊状、inset凹陷、outset凸出[60]确实很别扭，但这不关 DocBook 的事，别忘了我们是通过 CSS 对 Html 进⾏定义

2023年6月20日发(作者：)

外观html与外观css的区别,使⽤CSS定制外观使⽤ CSS 定制外观DocBook 输出为 Html 时，如果不使⽤ CSS 控制，那么它的外观将⽐较“朴素”如果⾃⼰写⼀个 CSS 未免太⿇烦，可以随便找⼀个 DocBook 写的⽂档，将⾥⾯的 CSS ⽂件拿来修改[58]通过例⼦简单介绍下 CSSbody {font-family: verdana, tahoma, helvetica, arial, sans-serif;text-align: left;background: #fff;color: #222;margin: 1em;padding: 0;font-size: 1em;line-height: 1.2em}选择符，body标记中的内容如果没有专门指定，都应⽤花括号中定义的样式花括号中的内容为样式定义字体⽂字左对齐背景⾊⽂字⾊页边距内部页边距⾏⾼⾏距em是相对尺⼨，当前字体的尺⼨=1em；px是绝对尺⼨，像素，由显⽰器分辨率决定；字体默认为 16px ⼤⼩，也就是说 1em=16px看看我们⽣成的 Html ⽂件的源码>给⼀个元素指定⼀个类这⾥的页眉和页脚，使⽤的都是div标记，只不过类不同，怎么样为它们分别指定样式呢？在 CSS ⽂件中找到相关段落：der {border-bottom: 1px solid #dbddec;}ter {border-top: 1px solid #dbddec;}类选择符，表⽰类为navheader的div标记，应⽤花括号中的样式如果想对包含某⼀类的所有标记定义样式，可以单独使⽤类选择符.command {color: red;}不管command这个类出现在什么标记中，它都应⽤该样式如果需要对多个不同的标记定义同⼀个样式，使⽤分组选择符der, ter {background: #ecedef;margin: 0;padding: 0.1em .5em;}分组选择符空格为包含选择符table tr td {border:dashed #999;text-align: left;}表⽰table标记中的tr标记中的rd标记代码块的样式我在 DocBook 中使⽤ screen 输出代码块，看看如何定义它的样式.screen {color: #000;background-color: #e9e9e9;font-weight: normal;border: 1px dotted #666699;max-height:20em;overflow:auto;}定义边框粗细、类型、颜⾊。[59]定义最⼤⾼度代码块超出上⾯定义的最⼤⾼度时，加⼊⼀个滚动条简单表格的样式我⽤简单表格来放置⼀些需要排列整齐的⽂字.informaltabletable {border:0;border-top:dashed #999;border-width:1px 1px 1px 1px;margin-left: 10px;margin-right: auto;}.informaltable table th, .informaltable table tr td {border-right:0;border-bottom:dashed #999;border-width: 0 1px 1px 0;padding: 0.2em 0.4em 0.2em 0.8em;text-align: left;}包含选择符，类为informaltable的(div)标记，包含的table标记，应⽤下⾯的样式table标记设定的边框为表格顶部和左边的边框，取消设定顶部的边框为点划线分组选择符，分别选中表头和表体的单元格表格底部和右边的边框由单元格设定[60]⽂字对齐[58]这个东西你不想要的时候满地都是，⼀旦你想找⼀个，可能还真找不到，没关系，可以⽤我的改。我也是改别⼈的：)[59]边框类型包括：solid实线、dashed点划线、dotted虚线、double双线、groove槽状、ridge脊状、inset凹陷、outset凸出[60]确实很别扭，但这不关 DocBook 的事，别忘了我们是通过 CSS 对 Html 进⾏定义