首页 > Web开发 > 详细

html5+css学习笔记

时间:2020-01-14 16:04:46      阅读:97      评论:0      收藏:0      [点我收藏+]

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;
}

html5+css学习笔记

原文:https://www.cnblogs.com/lpss-75074038/p/12191674.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!