CSS基础学习:样式表CSS简明教程(二)

CSS基础学习:样式表CSS简明教程(二)

5.样式表手册。下面列举最常用的样式表语句:

1)color (颜色,例如FF0000代表红色,000000代表黑色……)

2)font-size (字体大小)

3)font-family (字体类型)

4)width和height (宽度和高度)

5)line-height (段落行距,建议使用百分比的形式,例如150%)

6)margin-top表示段前;margin-bottom表示段后。margin-left表示整个段落向右缩进,margin-right表示段落右边距离右边的边框的距离。例如这句<p style=margin-top:30;margin-left:20;margin-right:20>。而且也可直接定义在图片中,例如<img src=**.jpg align=right style=margin-right:9>表示这张图片向右对齐,并且图片再向左移动9像素。

7)text-align (段落的对齐方式,例如left、center、right)

8)background-color (背景颜色)

9)position:absolute;top:30;left:50 表示绝对定位(DW中的层)

总之,最常用的就是以上这几种了,需要多多实践。

6.最常用的样式表代码实例。

实例4:去掉超链接下划线,<style>a{TEXT-DECORATION:none}</style>

实例5:超链接变色,<style>a{COLOR:000000}a:hover{COLOR:FF0000}</style>

实例6:超链接变色且去掉下划线,<style>a{TEXT-DECORATION:none;COLOR:000000}a:hover{COLOR:FF0000}</style>

实例7:超链接变色且鼠标停在超链接上有下划线,鼠标离开下划线消失,<style>a{color:000000;TEXT-DECORATION:none}a:hover{color:FF0000;TEXT-DECORATION:underline}</style>

实例8,请再翻回头实例1:<STYLE>td{font-size:9pt;line-height:150%}</STYLE>,wps演示,这句可以让你网页的字体擂打不动,不随IE浏览器的“查看→文字大小”的设置而改变。

如果您需要从网页中复制代码到FP或DW中,复制请注意:一定要先从这里复制到记事本,然后再从记事本复制到FP或DW的html模式下,切记切记,否则无效。


本文标题:CSS基础学习:样式表CSS简明教程(二),由WPS精选分享
如果您觉得这篇文章不错,请使用分享工具推荐到您喜欢的微博、网站或者论坛

所属分类:WPS表格
本文标签:基础学习样式简明教程
发布时间:2017-05-09