2.CSS的三种样式[内联样式,内部样式,外部样式](菜鸟学前端)


1.内联样式(直接在body中写代码)(不推荐)

 <div style="color: chartreuse;">呼呼哈嗨</div>

2.内部样式(在head中定义,然后在body中调用,定义名和调用标签必须一致)(适用于单个页面的设计)

<head>

<style> 
div_2
{
    color:red;
}
</style>
</head>
<body>
<div_2>呼哈哈嗨</div_2>
</body>

3.外部样式(额外建立一个CSS文件夹,在里面文件中写好style定义的内容,写法与内部样式的head中写法一致,而后再HTML页面利用link标签进行调用CSS文件。)

(1)在html头部写link语句调用例:

<link rel="stylesheet" type="text/css" href="css/a.css">
或者直接利用style标签借助import导入
如:<style> @import "css/a.css";</style>

(2)新建文件夹css,在css文件夹中新建后缀名为css的文件,而后在里面定义所需要的的标签特性,如

  div{
        color:gold;
        }
  注意:在css文件中写时,只需定义即可,无需在写<style>标签
(3)在html的body中调用所定义好的标签,如<div>呼呼哈嗨</div>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM