java web-1.4CSS概述

CSS概述

1.概念:Cascading Style Sheets层叠样式表
(层叠:多个样式可以作用在同一个html元素上,同时生效)
2.好处:

  • (1)功能强大
  • (2)将内容展示和样式控制分离
    (解耦;让分工协作更容易;提高开发效率)

CSS与html结合方式

1.内联样式
在标签内使用style属性指定css代码,例如

<div style="color: red;">hello css</div>

在这里插入图片描述
2.内部样式
在head标签内,定义style标签,style标签的标签体内容就是css代码

在这里插入图片描述
3.外部样式
1.定义css资源文件
2.在head标签内,定义link标签,引入外部的资源文件
在这里插入图片描述
在这里插入图片描述
注意:
三种方式的css作用范围越来越大
第一种方式不常用,第二、三种方式常用
第三种格式可以写为

<style>
    @import "cs/a.css";
 </style>
发布了110 篇原创文章 · 获赞 31 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/weixin_39795049/article/details/104433047
今日推荐