CSS 层叠样式表入门使用

最新推荐文章于 2024-07-14 10:25:44 发布

mosun_zgs

最新推荐文章于 2024-07-14 10:25:44 发布

阅读量190

点赞数

分类专栏： Javaweb 文章标签： css css3 html

本文链接：https://blog.csdn.net/mosun_zgs/article/details/127085841

版权

本文介绍了CSS的基础知识，包括其在页面美化和布局控制中的作用，CSS与HTML的结合方式如内联样式、内部样式和外部样式，以及CSS的基本语法，如选择器类型、属性设置和盒子模型等，旨在帮助初学者理解CSS的功能和用法。

摘要由CSDN通过智能技术生成

CSS:页面美化和布局控制

CSS:Cascading Style Sheets 层叠样式表
- 层叠：多个样式可以作用在同一个html的元素上，同时生效
- 好处
  - 功能强大
  - 将内容展示和样式控制分离
  - 降低耦合度
  - 让分工协作更容易
  - 提高开发效率

CSS与html的结合

内联样式
- 在当前标签内使用style属性指定css代码
- 如<div style="color: aqua;">hello world</div>
- hello world
内部样式
- 在head标签内，定义style标签，style标签的标签体内容就是CSS代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>结合方式</title>
  <style>
    div{
     
      color: #8d893b;
    }
  </style>
</head>
<body>
<!-- 内部样式
  在head标签内，定义style标签，style标签的标签体内容就是CSS代码
-->
<div>hello world</div>
</body>
</html>