Css的三种样式

html+css 胡碧玉

一、CSS作用:

Css可以静态的修饰用html或者xhtml制作的网页,丰富网页内容,美化网页外观,拥有对网页对象和模型样式编辑的能力,也能够用其中的转换(transform)、过渡(transition)、动画(animation)等样式进行简单的动态样式修饰网页。

二、CSS分类:

1. 行内样式:

语法:

<div  style=color:red;>文本内容</div>

(样式效果:将文本内容字体颜色变为红色)

知识点:

行内样式权值最大,在三种样式中,具有优先最高级,会优先显示;

局限性:不适应于多个标签使用相同的样式效果,代码量会大大增多;

2. 内部样式:

语法:

<head>

<style  type=text/cssrel=stylesheet>

div{color:red;}

</style>

</head>

<body>

<div>文本内容</div>

</body>

知识点:

内部样式必须写在<head></head>标签内;

优点:HTML文档头部定义多个style元素,实现多个样式表

3. 外部样式:

语法:

<head>

<link href=路径.css type=text/cssrel=stylesheet>

</head>

<body>

<div>文本内容</div>

</body>

知识点:

可将css样式保存为独立的文件,与html文件互不干扰,提高效率;

有利于网站的维护;

可用于多个html文件的共享样式表;

还能输出{{restrictNumber}}个字符  
  • {{reply.author}}

    {{CommonUtil.formateDate(reply.ac_CommentDate).shortTime}}
  • 回复了{{Comments.author}} :