CSS简介、行内样式、内部样式、外部样式、注释、引入其他CSS文件

最新推荐文章于 2023-12-07 16:13:23 发布

苦海123

最新推荐文章于 2023-12-07 16:13:23 发布

阅读量1.3k

点赞数 1

分类专栏： css 文章标签： css 前端

本文链接：https://blog.csdn.net/weixin_46758988/article/details/115727343

版权

css 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

CSS的发展历程：

起初是没有css的，只有少量样式是可以写在html标签中，这样代码格外显得臃肿，此时CSS就出现了。

初识CSS：

CSS(Cascading Style Sheets),被称为CSS样式表或者层叠样式表，主要用于设置HTML页面内容外观及布局外观。css有三大模块：定位、浮动、盒子模型，下面有详细介绍。

CSS书写位置：

CSS书写位置可以分三种情况：行内样式(内联式)、内部样式表、外部样式(外链式)

1.行内样式（内联式）：在标签中添加style，并在style里面书写属性及属性值代码，如：

	<标签名 style="属性1:属性值;属性2:属性值">内容</标签名>
    <P style="color:pink;font-size:25px"></P>

2.内部样式（内嵌样式表）：一般在head标签中写上style标签，当然style标签可以放在HTML的任何位置，CSS代码写在style标签中，如：

	<head>
     <style type="text/CSS"> /*当有<!doctype:html>时type="text/CSS"可以省略*/
       选择器{属性1:属性值;属性2:属性值} 
     </style>
    </head>
    
    <head>
     <style>
       p{
         color:red;
         font-size:25px;
       } 
     </style>
    </head>

3.外部样式(外链式)：将所有CSS代码写在以 .css后缀名结尾的文件中，并把这个文件通过link标签载入到html文件中，link标签一般放在head标签中，优点：文件共享、便于维护，如：

	<head>
      <link rel="stylesheet" href="index.css" type="text/CSS"/> <!--html5中type="text/CSS"可以省略-->
    </head>

在这里插入图片描述
注释：

	 /*注释内容*/

css中引入另一个css文件：

	@import url('css文件路径')

提示：本文图片等素材来源于网络，若有侵权，请发邮件至邮箱：810665436@qq.com联系笔者删除。
笔者：苦海

苦海123

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
打赏
0
评论
CSS简介、行内样式、内部样式、外部样式、注释、引入其他CSS文件

CSS的发展历程：起初是没有css的，只有少量样式是可以写在html标签中，这样代码格外显得臃肿，此时CSS就出现了。初识CSS：CSS(Cascading Style Sheets),被称为CSS样式表或者层叠样式表，主要用于设置HTML页面内容外观及布局外观。css有三大模块：定位、浮动、盒子模型，下面有详细介绍。CSS书写位置：CSS书写位置可以分三种情况：行内样式(内联式)、内部样式表、外部样式(外链式)1.行内样式（内联式）：在标签中添加style，并在style里面书写属性及属性值代
复制链接

扫一扫