css有哪几类样式
css有三种类样式,分别是:1、行内样式,结构的内部,即写在标签内的样式;2、外联式是将所有的样式放在一个或多个以【.css】为扩展名的外部样式表文件中;3、内联样式写在HTML页面内部,存放于head标记当中。
本教程操作环境:windows7系统、css3版,DELL G3电脑。
CSS样式主要包含以下三种类型:
1、行内样式:结构的内部,即写在标签内的样式;写在标签的开始部分内部,style属性当中。
例:
<标记 style="样式的属性名1:样式的属性值1;属性名2:属性值2;......"></标记>
2、内联样式(内嵌样式):写在HTML页面内部,存放于head标记当中,样式写在style标记内。
例:
<style>选择器 {属性名:属性值;属性名:属性值;......}</style>
3、外部样式(外联样式):
外联式是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中,通过<link/>标记将外部样式表文件链接到HTML文档中,其基本语法格式如下:
<link type="text/css" rel="stylesheet" href="css/main.css" />
上述语法中,<link>
标记需要放在<head>
头部标记中,并且必须指定<link/>
标记的个属性,具体介绍如下。
href:定义所链接外部样式表文件的URL,可以是相对路径,也可以是绝对路径。
type:定义所链接文档的类型,在这里需要指定为“text/css”,表示链接的外部文件为CS样式表。
rel:定义当前文档与被链接文档之间的关系,在这里需要指定为“stylesheet”,表示被链接的文档是一个样式表文件。
外联式是使用频率最高是最实用的CSS样式表,因为它将HTML代码与CSS代码分离为两个或多个文件,实现了将结构和样式完全分离,使得网页的前期制作和后期维护都十分方便。
相关教程推荐:CSS视频教程
以上就是css有哪几类样式的详细内容,更多请关注其它相关文章!
上一篇: css3怎么设置圆角
推荐阅读
-
css reset重置样式有那么重要吗?_html/css_WEB-ITnose
-
CSS的三种样式,有一种你肯定不知道
-
如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
-
dwz使用jQuery追加表格,原有的行有相应的css样式,但是用jQuery追加的行没有样式
-
一个link标签引用多个外部样式,这样写是有什么好处吗?_html/css_WEB-ITnose
-
css reset重置样式有那么重要吗?_html/css_WEB-ITnose
-
htnl样式求教。有模板,求简化_html/css_WEB-ITnose
-
请问哪个网站有一些样式模板啊?_html/css_WEB-ITnose
-
CSS的三种样式,有一种你肯定不知道
-
SELECT的样式自定义是世界性难题么?有什么比较好的方法么?_html/css_WEB-ITnose