css基础

最新推荐文章于 2024-10-02 15:35:50 发布

Alice763333

最新推荐文章于 2024-10-02 15:35:50 发布

阅读量730

点赞数 24

文章标签： css 前端

本文链接：https://blog.csdn.net/alice763333/article/details/139399575

版权

div是html里面的一个标签，没有特定的含义, 作为容器，一般用于配合css完成网页的基本布局。

span也是一个标签，没有特定含义，一般作为**文本容器 **。

div是块级元素，会独占一行；span是行内元素，不会独占一行。

div中可以嵌套其它的标签，span标签中只能嵌套文本/图片/超链接。

CSS是层叠样式表(CascadingStyleSheets)的简称.有时我们也会称之为CSS样式表或级联样式表。同时CSS是也是一种标记语言。

CSS主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等）、图片的外形（宽高、边框样式边距等）以及版面的布局和外观显示样式。

通过学习 CSS让我们的网页更加丰富多彩，布局更加灵活自如。简单理解:CSS可以美化HTML，让HTML更漂亮让页面布局更简单。

{
	属性:属性值 属性值;
	属性:属性值 属性值
}

注意

优先级：行内样式优先级永远是最高的，而内部和外部样式谁写在后面谁优先

<p style="属性名称:属性值;属性名称:属性值 属性值"></p>

<head>
	<style type="text/css">
        标签名称{
            属性:属性值 属性值;
        }
	</style>
</head>

<head>
	<link rel="stylesheet" href="../css/myCss.css" />
</head>

优先级：ID选择器 > 类选择器 > 标签选择器 > 通用选择器

功能	属性名	属性取值
背景色	background-color	1. 颜色常量 2. 使用十六进制 3. 红绿蓝
背景图片	background-image	url(图片的路径)
平铺方式	background-repeat	`repeat` 默认。背景图像将在垂直方向和水平方向重复 `repeat-x` 背景图像将在水平方向重复 `repeat-y` 背景图像将在垂直方向重复 `no-repeat`背景图像将仅显示一次
背景位置	background-position	left top

功能	属性名	属性取值
颜色	color	颜色
设置行高	line-height	像素
文字修饰	text-decoration	`underline` 下划线 `overline` 上划线 `ine-through` 删除线 `none` 不要线条
文本缩进	text-indent	用于缩进文本，可以使用em单位
文本对齐	text-align	`left` 把文本排列到左边 `right` 把文本排列到右边 `center` 把文本排列到中间默认值：由浏览器决定

功能	属性名	作用
字体名	font-family	设置字体，本机必须要有这种字体
设置大小	font-size	像素
设置样式	font-style	`italic` 斜体 `normal` 默认值。浏览器显示一个标准的字体样式。
设置粗细	font-weight	`bolder`加粗