CSS样式,设置字体样式等效果?

html-css013

CSS样式,设置字体样式等效果?,第1张

font-family :字体系列

font-weigh:字体粗细

font-size:字体大小

line-height:行高

color:颜色

等等……

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

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

font-style

font-variant

font-weight

font-size/line-height

font-family

如:font: italic bold 12px/20px arial,sans-serif

css里的font-weight:500 以下的都没效果。但是输600以上的都可以看见自己加粗了是设置错误造成的,解决方法为:

1、新建一个html文件,命名为test.html。

2、在test.html文件内,使用div标签创建一行文字,用于测试。

3、在test.html文件内,给div标签添加一个class属性,属性值为title。

4、在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。

5、在css标签内,通过class设置div的样式,定义其font-weight属性为bolder,即可实现加粗,同时,使用font-size属性设置文字的大小为20px。

1)随文字滚动的背景

在第一行下面添加

body{background: url(http://mm.xkmm.com/gallery/wallpaper/Yulexiuxian/Katong/Snoopy/b_200491811545913.jpg)background-position:0px -200px}

其中 url()括号中的内容自己找个图片弄上去吧

其中 background-position:0px -200px是定义背景图片位置的,第一个是图片左上角相对前景左边框的位置,第二个是图片左上角相对前景上边框的位置

(2)固定的背景

body{background: urlbody{background: url(http://mm.xkmm.com/gallery/wallpaper/Yulexiuxian/Katong/Snoopy/b_200491811545913.jpg)background-repeat:repeat-ybackground-attachment:fixedbackground-position:0px -200px}

如果要半透明的话:

打开CSS在 #m_blog div.tit{font-size:14pxfont-weighd}

上面的空白处插入下面这句代码就行了。

.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80)-moz-opacity:0.8width:auto !importantwidth:100%}