【www.shanpow.com--对联知识】
css加粗篇1:CSS 加粗(css font-weight)
CSS 加粗知识与CSS 加粗实例
DIV+CSS基础知识CSS 加粗这里指的是通过DIV CSS控制对象的加粗。使用CSS属性单词font-weight对象值：从100到900，最常用font-weight的值为bold
font-weight参数：normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置bold : 粗体。相当于number为700。也相当于b对象的作用bolder : IE5+ 特粗体lighter : IE5+ 细体number : IE5+ 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900详细基础加粗知识请进CSS手册中的font-weight手册。
Html常规加粗标签以前html直接对对象加粗的标签如下：<b></b>或<strong></strong>两者效果相同。加粗实例，代码如下：
<strong>我被加粗</strong><br /><b>我也被加粗了</b><br/>我未被加粗
html 加粗实例截图：
CSS 加粗基础技巧实例CSS 代码：
.yangshi1{ font-weight:bold}.yangshi2{ font-weight:800}
Div html代码：
<span class="yangshi1">我被加粗</span><br /><span class="yangshi2">我也被加粗了</span><br />我未被加粗
CSS 加粗结果演示：
说明此图为CSS加粗实例片段代码和结果图。这里通过CSS来控制加粗文字方式来加粗对象。所以一般对文字对象加粗标题加粗即可使用此方法对其加粗。
总结与推荐：1、在html对对象直接加粗可以用<b>或<strong>对其加粗2、使用CSS加粗对象可以使用font-weight:bold即可实现加粗。
相关阅读CSS高度CSS宽度CSS 颜色CSS文本CSS paddingCSS margin
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/rumen/r122.shtml
css加粗篇2:css 字体加粗_你给我小心点
2007-10-12 10:16
模板ID { font-weight: 800 }模板ID { font-weight: bold }
语法: font-weight: <值>
允许值: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
初始值: normal
适用于: 所有对象
字体加粗属性用作说明字体的加粗。当其它值绝对时，bolder和lighter值将相对地成比例增长。
注意: 因为不是所有的字体都有九个有效的加粗显示，一些加粗的会在指定下组合。如果指定的加粗无效，会按以下原则选择:
500 会被 400代替，反之亦是 100-300 会被指定为下一较细的加粗，如果有的话，否则就是下一较粗的加粗 600-900 会被指定为下一较粗的加粗，如果有的话，否则就是下一较细的加粗
css加粗篇3:常用CSS属性
CSS属性很多，以下简要介绍一些常用的CSS属性。
字体属性
font-family：字体，取值为字体名。可指定多个字体，用“,”分隔，如果字体名中含有空格，需用引号括起字体名。
#d1 { font-family: Verdana, Arial, "Ms Serif", 宋体;}
如果用户的系统中没有安装前面的字体，则按顺序使用后面的字体。
font-size：文字大小，取值为长度值。可以是带单位的长度值，也可以是百分比。
#d1 { font-size: 20px;}
如果使用百分比，则文字大小是相对于父对象文字大小的。
font-weight：文字粗细，取值为 normal (不加粗) 或 bold (加粗)。
#d1 { font-weight: bold;}
你可以用此属性设置某些文字的加粗效果，也可以取消 <h1>~<h6> 标签默认的加粗效果。
font-style：文字倾斜，取值为 normal (不倾斜) 或 italic (倾斜)。
#d1 { font-style: italic;}
文本属性
color：文本颜色，取值为颜色名或颜色值。
#d1 { color: #F0A983;}
text-decoration：设置划线，取值为 none (无划线)、underline (下划线)、overline (上划线)、line-through (删除线)。
#d1 { text-decoration: underline;}
text-align：对齐方式，取值为 left (左对齐)、right (右对齐)、center (居中)、justify (两端对齐)。
#d1 { text-align: center;}
text-indent：首行缩进，取值为长度值或百分比。
#d1 { text-indent: 2em;}
背景属性
background-color：背景颜色，取值为颜色名或颜色值。
#d1 { background-color: blue;}
background-image：背景图像，取值为图像文件的地址。
#d1 { background-image: url(./images/bk.gif);}
一般在指定背景图像时，通常也指定一个与背景图像近似的背景颜色，这样，当图像不能显示时，还可以显示颜色。
background-repeat：背景图像的铺排方式，取值为 repeat (平铺)、no-repeat (不平铺)、repeat-x (横向平铺)、repeat-y (纵向平铺)。默认为 repeat。
#d1 { background-repeat: no-repeat;}
background-position：背景图像的铺排位置，取值一般是两个带单位的长度值，可正可负。用于指定图像铺排的起点。
#d1 { background-position: 0 -100px;}
本例表示从背景图像的向下 100px 处开始铺排。
background：这是一个综合的背景属性，可同时指定背景颜色、背景图像、铺排方式、铺排位置等参数，用于简化背景属性的书写。
#d1 { background: blue url(./images/bk.gif) no-repeat;}
它的值可包含多个内容，用空格分隔。不需要的参数可以不写。
边框属性
border：边框，取值中包含边框线的“宽度、风格、颜色”，用空格分隔。
#d1 { border: 1px solid red;}
本例定义的边框：线宽度为1px，实线、红色。
边框线宽度：取值是一个长度值。如果取值为0，则表示无边框。
边框线风格：取值有 solid (实线)、dotted (点线)、dashed (虚线)、double (双线)、groove (3D凹槽)、inset (3D凹边)、outset (3D凸边)、ridge (菱形边框)。
border 属性一般用来设置四个边风格相同的边框。
border-top、border-right、border-bottom、border-left：设置边框单个边的属性，取值和 border 相同，但只作用于指定边。
#d1 { border-top: 1px solid red; border-right: 2px solid red;}
本例定义了对象的上边和右边的边框线。
外边距属性
外边距是指一个对象外部空白的大小，利用此属性可设置对象间的距离。
margin：各边的外边距，取值一般是4个长度值或百分比，用空格分隔，依次为“上-右-下-左”四个边的外边距。如果各个边的外边距相同，可只设置一个值。
#d1 { margin: 10px 5px 10px 5px;}
本例指定对象上下两边的外部空白为10px，左右两边的外部空白为5px。
margin-top、margin-right、margin-bottom、margin-left：设置单个边的外边距，取值为1个长度值或百分比。
#d1 { margin-top: 10px; margin-bottom: 20px;}
本例定义了对象的上边和下边的外部空白大小。
内边距属性
内边距是指一个对象内部空白的大小，利用此属性可设置对象中的内容和对象边框间的距离。
padding：各边的内边距，取值一般是4个长度值或百分比，用空格分隔，依次为“上-右-下-左”四个边的内边距。如果各个边的内边距相同，可只设置一个值。
#d1 { padding: 10px;}
本例指定对象内部4个边的内部空白都是10px。
padding-top、padding-right、padding-bottom、padding-left：设置单个边的内边距，取值为1个长度值或百分比。
#d1 { padding-left: 20px; padding-right: 20px;}
本例定义了对象的左边和右边的内部空白大小。
其它
width：对象的宽度，取值是一个长度值或百分比。
#d1 { width: 80%;}
当指定宽度为百分比时，对象的宽度是相对于其父对象的。
height：对象的高度，取值是一个长度值或百分比。
#d1 { height: 200px;}
当指定高度为百分比时，对象的高度是相对于其父对象的。
line-height：行高，取值是一个无单位数值或长度值或百分比。
#d1 { line-height: 1.2em;}
该属性用于设置对象中文字的行与行间的距离。指定的行高一般应大于文字的高度，这样文字间才不会发生重叠。
本例指定的行高是“1.2em”，表示行的高度是文字尺寸的1.2倍。
vertical-align：设置对象的垂直对齐方式。这个属性目前只对那些拥有 valign 属性的标签有效，比如图像、表格等，对一般对象无效。
常用取值有：baseline (基线对齐)、top (顶端对齐)、middle (中间对齐)、bottom (底部对齐)、长度值 (可以为负值，表示升高或降低指定高度)。
#d1 { vertical-align: middle;}
本例表示把元素放置在垂直的中间位置，一般用于图像或表格。
cursor：指定鼠标光标形状。该属性只在IE浏览器中支持。
常用取值有：auto (默认)、default (正常选择)、hand (链接选择)、text (文本选择)、url(光标文件) (使用指定光标文件)。
#d1 { cursor: hand;}
本例中，当鼠标指针移动到“#d1”定义的块中时，鼠标指针呈现为“手”形，就像指向超链接时一样。 附录：内联对象
内联对象用于在块对象中设置局部文本的样式。内联对象不能设置宽度、高度、位置等属性，它们只能设置颜色、字体、边框等呈现属性。
常用的内联对象有 <span>、<em>、<strong> 等。它们是有语义的标签，<span> 标签表示一般文本，它没有默认的显示效果，<em> 标签表示强调的文本，它默认的显示效果通常为斜体，<strong> 标签表示语气更强的强调，它默认的显示效果通常为粗体。我们可以用CSS重新设置它们的样式。
例如：
<style type="text/css">#welcome { width: 200px; height: 40px; border: 4px ridge #FF7F50; background-color: #F5F5DC; font-family: 楷体; font-size: 30px; padding-top: 10px; text-align: center;}#welcome .t1 { color: red;}#welcome .t2 { color: blue;}</style><div id="welcome"><span class="t1">欢迎</span><span class="t2">光临！</span></div>
显示效果为：
欢迎光临！
#welcome 选择符定义了区块的总体样式，包括宽度(width)、高度(height)、边框(border)、背景色(background-color)、字体(font-family)、文字大小(font-size)、内部边距(padding)、对齐方式(text-align)等属性。
#welcome .t1 选择符定义了区块中类为“t1”的对象的样式。
#welcome .t2 选择符定义了区块中类为“t2”的对象的样式。
<span> 标签把一行中的文字组织为两个元素，分别引用对应的样式。
