CSS基础

1、CSS是什么？

CSS指的是层叠样式表（Cascading Style Sheet）。CSS语言是一种样式设置规则，也是一种对网页文档添加样式的简单机制，用来控制网页内容的外观。

2、CSS基础语法

CSS 语法由三部分构成：选择器、属性和值：selector {property: value}， 例如：body {color: blue} 将body元素内的文字颜色定义为蓝色，其中body为选择器，color为属性，blue为其值。 再看一例就可大致知道CSS的书写规范了
1
2
3
4
5

p {
                 text-align: center;
                 color: black;
                 font-family: arial;
               }

3、在HTML文档中应用CSS

在HTML中常用以下三种方式定义CSS:Embeding(嵌入式)、Lingking(外部引用式或称引用式)Inline(内联式)。 *Embeding(嵌入式):使用HTML中的Style元素来在HTML网页内定义CSS样式。 例如：
1
2
3
4
5

<!--下面是内嵌式CSS样式定义
                   h1{color: red}
                 p {color: biue}
            -->
         </style>
*Lingking(外部引用式):顾名思义就是HTML文档与CSS样式分离，HTML文档本身不包含有CSS样式定义，通过使用很多种方法可以实现对CSS的外部引用。不过再HTML文档的开头部分要写一个关于样式表的申明语句，如下： <?xml-stylesheet type=“text/css” href=“mystyle.css” ?> …….. 外部引用方法主要有：使用@import指令，使用link指令，使用HTTP消息包头链接到样式表等方法。看两例：
1
2
3
4
5
6
7

<style type="text/css">             
         <!--下面两行代码的效果是相同的
           @import "mystyle.css";
           @import url("mystyle.css");
           -->
         </style>
         </head>
 
1
2

<link href="mystyle.css" rel="stylesheet" type="text/css"/>
       </head>
*Inline(内联式)：仅看一例


<a href="page.html">网站链接</a></p>

Wiki首页 | 查看所有 | 编辑 | 输出到博客 | 历史版本