css样式怎么写?

css样式怎么写?下面本篇文章给大家介绍一下HTML中css样式的写法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式,CSS 可以通过以下三种方式添加到HTML中,分别是:

  • 内联样式,在HTML元素中使用"style" 属性;

  • 嵌套样式 ,在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS代码;

  • 外联样式,使用外部 CSS 文件。

我们在实际开发中最常用的便是第三种,下面具体介绍一下这三种引入CSS代码的写法。

1、内联样式

当特殊的样式需要应用到个别元素时,就可以使用内联样式。

使用内联样式的方法是在标签中使用样式属性,样式属性可以是任何 CSS 属性。

其作用范围是在当前标签内,使用较少,例:

<div style="color:blue;font-size:20px">新增区域</div>

1.png

2、嵌套样式

当单个文件需要特别样式时,就可以使用嵌套样式。

通过在<head> 部分定义<style>标签书写嵌套样式,在<style>标签中可以使用标签选择器,类选择器,id选择器等去给标签设置属性,如下图所示。

2.png

3、外联样式

当样式需要被应用到很多页面的时候,将会使用外联样式,通过更改一个文件来改变所以页面的样式。此时我们需要在<head>标签中引入<link>标签,例:

<link rel="stylesheet" type="text/css" href="a.css">

href中为需要引入的css文件,如下图所示。

3.png

单独的css文件是以.css为后缀名的文件,在该文件内可以直接设置标签样式,不需要包在<style>标签里,如下图所示。

4.png

说明:外联样式是开发中普遍使用的写法。

更多web前端开发知识,请查阅 HTML中文网 !!

以上就是css样式怎么写?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » CSS3 答疑

评论 抢沙发

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

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

联系我们

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

支付宝扫一扫打赏

微信扫一扫打赏