html5+css学习笔记

css:页面美化和布局控制

  1. 概念:Cascading Style Sheets 层叠样式表
    •   层叠:多个样式可以作用在同一个html元素上,同时生效
  2. 好处:
    1. 功能强大
    2. 将内容展示和样式控制分离
      • 降低耦合度,解耦
      • 让分工协作更容易
      • 提高开发效率
  3. css的使用:css与html的结合方式
    1. 内联样式(不常用)
    2. 内部样式
    3. 外部样式
      •  另外的一种引入外部的css资源方式
      •   <style>
                @import "css/a.css" ;
            </style>

         

代码示例如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css样式</title>
    <!--  <style>
      div{
           color: blue;
        }
    </style>-->
    <link rel="stylesheet" href="css/a.css">

</head>
<body>

<!--1、内联样式(不常用)
  在标签内使用style属性来指定css代码-->

<!--<div style="color: red">Hello word</div>-->

<!-- 2、内部样式-->
<!--        在head标签内定义 style标签,style标签的标签题内容就是css代码-->
<!--<div>Hello word 内部样式</div>-->

<!-- 3、外部样式   在head标签中用link引用外部的css资源   -->
<div>Hello word 外部部样式</div>

</body>
</html>

定义的a.css文件中的内容为:

div{
    color: green;
}
posted @ 2020-01-14 14:02  Mr.落魄书生  阅读(38)  评论(0编辑  收藏