广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >css的书写格式有几种
  • 727
分享到

css的书写格式有几种

2024-04-02 19:04:59 727人浏览 八月长安
摘要

这篇文章主要为大家展示了“CSS的书写格式有几种”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“css的书写格式有几种”这篇文章吧。css的书写格式一共有三种行内

这篇文章主要为大家展示了“CSS的书写格式有几种”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“css的书写格式有几种”这篇文章吧。

css的书写格式一共有三种

行内样式:意思是在行内中写样式

例如说<p style="color:red">用行内样式编写我的颜色</p>

只适用于<body>(字体颜色和背景颜色)和<body>里面的标签,但不适用于<body>之外的例如:head,title,之类的标签

内嵌样式:使用style,把所有样式都卸载style里面。

例如说:

<head>  
  
<style>  
  
p{   
  
color:red;   
  
background:blue;   
  
border:1px solid green;   
  
}   
  
</style>  
  
</head>  
  
<body>  
  
<p>用内嵌方式编写我的样式</p>  
  
</body>

外联样式:通俗点就是外部样式,使用link样式连接到外部的.css文件。

例如说:

<head>  
  
  <link style="stylesheet" href="class.css" type="text/css" />  
  
</head>

没错就是辣么简单,只需要把css样式写到另一个.css文本上然后仅需要link就可以在页面中显示出样式,但一定要注意文件路径!!!路径不对也是不可以滴.

以上是“css的书写格式有几种”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网JavaScript频道!

--结束END--

本文标题: css的书写格式有几种

本文链接: https://www.lsjlt.com/news/81025.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • css的书写格式有几种
    这篇文章主要为大家展示了“css的书写格式有几种”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“css的书写格式有几种”这篇文章吧。css的书写格式一共有三种行内...
    99+
    2022-10-19
  • ssl证书的格式有哪几种
    SSL证书的格式有以下几种:1. PEM格式(Privacy-Enhanced Mail):这是一种常见的证书格式,它使用Base6...
    99+
    2023-09-02
    ssl证书
  • javascript的书写位置有哪几种
    这篇文章主要讲解了“javascript的书写位置有哪几种”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“javascript的书写位置有哪几种”吧! ...
    99+
    2022-10-19
  • CSS书写格式的示例分析
    这篇文章将为大家详细讲解有关CSS书写格式的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。一、CSS书写格式1.行内样式可以直接将CSS代码直接写到开始标签中<div style="...
    99+
    2023-06-08
  • css有几种样式
    这篇文章主要为大家展示了“css有几种样式”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“css有几种样式”这篇文章吧。一。行内样式(很少使用) &nb...
    99+
    2022-10-19
  • DIV CSS书写格式实例分析
    这篇“DIV CSS书写格式实例分析”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“DIV ...
    99+
    2022-10-19
  • css样式有哪几种
    CSS样式有以下几种:1. 内联样式(Inline Style):直接在HTML标签的style属性中定义样式,作用于单个元素,具有...
    99+
    2023-09-05
    css
  • css有哪几种颜色写法
    本篇内容主要讲解“css有哪几种颜色写法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“css有哪几种颜色写法”吧! 颜色写法是:1、...
    99+
    2022-10-19
  • hive存储格式有几种
    这篇文章主要介绍了hive存储格式有几种,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。hive的存储格式通常是三种:textfile 、 sequencefile 、 rcf...
    99+
    2023-06-02
  • css定位有几种方式
    这篇文章将为大家详细讲解有关css定位有几种方式,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。css定位有:1、static,表示静态定位;2、relative,表示相对定位;3、absolute,表示绝...
    99+
    2023-06-14
  • css的四种优先级书写方式分享
    这篇文章主要讲解了“css的四种优先级书写方式分享”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“css的四种优先级书写方式分享”吧!优先级: 外部样式 &l...
    99+
    2022-10-19
  • CSS position定位方式有几种
    有4种,分别是静态定位、相对定位、绝对定位和固定定位。好的,让我用一个有趣的比喻来解释CSS中position定位的不同方式。想象一下你是一位建筑师,而你的网页就是你的建筑项目。CSS的position属性就像是你在建筑项目中选择不同类型的...
    99+
    2023-11-23
    css position
  • Linux下Shell日期的格式有几种
    这篇文章主要为大家展示了“Linux下Shell日期的格式有几种”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Linux下Shell日期的格式有几种”这篇文章吧。在Shell环境里,我们获取时间...
    99+
    2023-06-15
  • Mysql binlog日志有哪几种格式
    这篇文章主要讲解了“Mysql binlog日志有哪几种格式”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Mysql binlog日志有哪几种格式”吧!My...
    99+
    2022-10-18
  • CSS中Hack表现形式有几种
    这篇文章主要介绍了CSS中Hack表现形式有几种,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。什么是CSS hack由于不同厂商的流览器或某...
    99+
    2022-10-19
  • HTML书写格式是怎样的
    这篇文章主要介绍了HTML书写格式是怎样的,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。一. HTML介绍     &nbs...
    99+
    2023-06-27
  • Hive表的几种存储格式
    Hive的文件存储格式: textFile     textFile为默认格式     存储方式:行存储         缺点:磁盘开销大;数据解析开销大;压缩的text文件,hive无法进行合并和拆分 sequencefile  ...
    99+
    2016-06-06
    Hive表的几种存储格式
  • CSS样式书写规范的方法
    这篇文章主要介绍“CSS样式书写规范的方法”,在日常操作中,相信很多人在CSS样式书写规范的方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”CSS样式书写规范的方法”的疑惑...
    99+
    2022-10-19
  • CSS的书写规范有哪些
    CSS的书写规范有哪些,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。一、CSS书写顺序1.位置属性(position, top...
    99+
    2022-10-19
  • css中的伪类有哪几种
    这篇文章主要讲解了“css中的伪类有哪几种”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“css中的伪类有哪几种”吧! css伪类...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作