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

298 阅读1分钟

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联系笔者 删除。
笔者:苦海