关于网页的字体设置 CSS

html-css022

关于网页的字体设置 CSS,第1张

字体设置使用 CSS font 属性

定义和用法

font 简写属性在一个声明中设置所有字体属性。

注释:此属性也有第六个值:"line-height",可设置行间距。

说明

这个简写属性用于一次设置元素字体的两个或更多方面。使用 icon 等关键字可以适当地设置元素的字体,使之与用户计算机环境中的某个方面一致。注意,如果没有使用这些关键词,至少要指定字体大小和字体系列。

可以按顺序设置如下属性:

font-style

font-variant

font-weight

font-size/line-height

font-family

可以不设置其中的某个值,比如 font:100% verdana也是允许的。未设置的属性会使用其默认值。

可能的值

拓展:

设置字体可以使用CSS font全部设置。也可以使用font-size、font-family之类的属性进行单独设置。

字体属性

常用

font-family:字体名称

font-weight:字体的粗细

font-size:字体尺寸

常用基本这些,他们完全可以写在font:里面

文本属性

常用

text-align:内容的水平对齐方式

line-height:行高

text-justify:调整文本使用的对齐方式

text-overflow:文本溢出包含它的元素

(备注:个人经常用属性,不代表所有人)

如何将那个小图片和文字设置在同一高度?)

你是说问号那个小图片和文字么它是用背景图片定位来做的并且像

页面右边的这种效果也是这种做法他们有统一的样式写法如下

.ibbs, .igood, .iok, .ivote, .iwhy, .istar {

background:transparent url() no-repeat scroll 0 0

float:left

height:16px

margin-right:2px

overflow:hidden

width:16px

}

(你看懂这个代码就知道怎么做的了)

问题二:(用ul写,在DW设计里面看,前面是个小方点,而导出的页面中却是个稍大的圆点,不知道为什么?)

因为各个浏览器对样式的默认解析是不同的,所以在不同浏览器中看它的默认li圆点不同(DW设计视图你也当成一种浏览器)像这些默认不同的样式我们一般不用li的前面的小圆点你可以用背景来做做法和问题一的方法还比较相似

问题三(下面的精彩词条中,如何将图片浮动到右对齐,并让文字环绕图片?)

图片和文字是在一个div标签里,很明显给图片一个右浮动就可以了里面的文字放在<img>下面可以放在p标签里(不能放在块类标签里如div,table..)

问题四(什么时候才用表格呢,)

其实呢div也是可以完成table的效果的但会麻烦些如果你喜欢那么你可以都用div打造一般来说很明显的表格样子我们会用一下表格(如,什么调查表格啊之类的)用的地方不多,百度知道这个页面是没有可以用表格的地方的

看不明白的地方可以hi我一下

ok???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????