css样式怎么写

css样式怎么写

css样式有三种引用方式,分别是行内样式、内部样式、外部样式。

css样式书写规则:

格式:

选择器1,

选择器2 {

属性名1: 属性值1;

属性名2: 属性值3;

}

每个样式应该有个;号。

1、行内样式

使用style属性引入CSS样式。(相关课程推荐:css视频教程

示例:

<h1 style="color:red;">style属性的应用</h1>
<p  style="font-size:14px;color:green;">直接在HTML标签中设置的样式</p>

实际在写页面时不提倡使用,在测试的时候可以使用。

2、内部样式

在style标签中书写CSS代码。style标签写在head标签中。
示例:

<head>
   <style type="text/css">
      h3{
            color:red;
         }
   </style>
</head>

3、外部样式

CSS代码保存在扩展名为.css的样式表中

HTML文件引用扩展名为.css的样式表,有两种方式:链接式、导入式。

语法:

1、链接式

<link type="text/css" rel="styleSheet"  href="CSS文件路径" />

2、导入式

<style type="text/css">
  @import url("css文件路径");
</style>

本文来自css答疑栏目,欢迎学习!

以上就是css样式怎么写的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏