CSS（层叠样式表）基础知识（连载一）
版权声明：原创作品，如需转载，请与作者联系。否则将追究法律责任。 |
CSS 是 Cascading Style Sheet 的缩写。也称之为“层叠样式表单”，是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS的出现，使得我们可以将网页代码与样式定义分离开来，从而为以后的页面样式更新提供更多的方便，不再像以前那样，为了修改网页中某一处的样式而在源代码中苦苦寻觅。有了CSS，我们就可以达到“一处改动，全站皆变”的效果，极大地提高了工作效率。
1.如何将样式表（CSS）加入到您的网页中？
①链接外部样式表，首先您要建立自己的样式表文件，比如index.css。然后使用HTML的link对象链入外部样式表文件，代码示例：
<head>
<title>网工笔记CSS连载</title> <link rel=stylesheet href="../index.css" type="text/css"> </head> ②如果要在XML文件中加入样式表，示例代码如下：
<? xml-stylesheet type="text/css" href="../index.css" ?>
③定义内部样式表，即把样式定义代码直接写入网页文件当中（这种方法不推荐使用）。示例代码如下：
<html>
<head>
<title>网工笔记CSS连载</title>
<style type="text/css">
<!-- body {font-size: 12px; color: black;} p {padding: 5px; text-indent: 20px;} --> </style> </head>
<body>
④内联定义，即在对象的标记内使用style属性定义当前对象的样式，代码示例如下：
<p style="padding: 5px; text-indent: 20px;">......</p>
2.样式表的语法
Selector { property: value }
Selector：选择符，就是你要制定的样式的名字，即网页中需要调用的样式的名字，比如定义了一个样式的选择符是P，那么网页中，所有的<p>标记都将使用该样式。
property : value -- --样式表定义。属性和属性值之间用冒号(:)隔开。多个定义之间用分号(;)隔开。
今天的基础知识就先讲解到这里，下一节我们将详细讲解样式表的语法中关于几种选择符的含义及其在网页中的调用方法。高手尽可跳过，呵呵~~~~下节见 本文出自 “网工笔记” 博客，转载请与作者联系！ 本文出自 51CTO.COM技术博客 |
pshuxiao
博客统计信息
热门文章
最新评论
友情链接