CSS的介绍

最新推荐文章于 2024-09-06 09:38:49 发布

m0_72181130

最新推荐文章于 2024-09-06 09:38:49 发布

阅读量84

点赞数

文章标签： css 前端 html

本文链接：https://blog.csdn.net/m0_72181130/article/details/125394919

版权

一.css 介绍
层叠样式表，是一种样式表语言，用来描述HTML和XML文档的呈现。
随着HTML的发展，为了满足页面设计者的要求，HTML添加了很多显示功能，但是随着这些功能的增加，使得HTML越来越杂乱
HTML 页面也越来越臃肿，CSS便随之诞生
CSS 用于简化HTML标签，把关于样式部分的内容提取出来，进行单独的控制，使结构与样式分离开发。
CSS 是以HTML为基础，设置网页的外观显示样式，如字体、颜色、背景的控制及整体的布局等，和HTML 类似
CSS也不是真正的编程语言，甚至不是标记语言。它是一门样式表语言。当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。
重点：

CSS也不是真正的编程语言，甚至不是标记语言。它是一门样式表语言
CSS2.0的诞生才真正地把结构与样式进行分离，从而得到快速的发展

二.CSS基本语法

2.1css 引入方式

给HTML标签添加CSS样式总共有三种样式：行间样式、 内部样式和外部样式三种方式

三.基础属性
3.1宽高
CSS通过width、height这两个属性来设置HTML标签的尺寸和大小，即元素的宽高

3.2背景样式
背景样式的属性
属性   含义
background-color    设置背景色
background-image    设置背景图片
background-reprat    设置背景图片的平铺方式
background-position    设置背景图片的位置
background-attachment    设置背景图随滚动条的移动方式
3.2.1背景色 background-color
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#s1{
width: 500px;
height: 500px;
background-color: yellow;
}
</style>
</head>
<body>
<div style="width: 500px;height: 500px;background-color: red"></div>
<div id="s1"></div>
</body>
</html>