CSS是一种用来给网页添加样式的语言。它可以让我们掌控页面元素的样式,如字体、颜色、背景、布局等等。在CSS中,三种不同的样式分别是内联样式、内部样式和外部样式。下面我们来分别举例子。1. 内联样式&
CSS是一种用来给网页添加样式的语言。它可以让我们掌控页面元素的样式,如字体、颜色、背景、布局等等。在CSS中,三种不同的样式分别是内联样式、内部样式和外部样式。下面我们来分别举例子。
1. 内联样式
<p style="color: red; font-size: 20px;">这是一段红色的20像素字体的文字</p>
在HTML的元素标签中,我们可以使用style属性来指定内联样式,将样式直接写在元素上。
2. 内部样式
<head> <style> p { color: green; font-size: 16px; } </style> </head> <body> <p>这是一段绿色的16像素字体的文字</p> </body>
在HTML中,我们可以使用<style>标签来定义内部样式,将样式写在<style>标签中,再在HTML中使用该样式。
3. 外部样式
样式表文件:style.css p { color: blue; font-size: 18px; } HTML文件: <head> <link rel="stylesheet" href="style.css"> </head> <body> <p>这是一段蓝色的18像素字体的文字</p> </body>
外部样式表是CSS中最常用的一种方式。我们可以单独创建一个样式表文件,然后在HTML中使用<link>标签将该文件链接进来。这样所有HTML文件都可以使用这个样式表中的样式。
粉丝
0
关注
0
收藏
0