CSS选择器/样式_css 设置斜体样式的选择器-CSDN博客

本文链接：https://blog.csdn.net/agdjdbucbdins/article/details/129976570

id 选择器

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。

id 选择器以 "#" 来定义。


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>选择器</title>
		<style>
			/* 标签选择器：直接使用标签名
			 会把所有相同的标签统一设置样式*/
			li{
				color:orchid
			}
			/* 类选择器：class
			 需要在相应的标签中添加class属性在CSS中使用 . 来代表
			 */
			.cl{
				color:green;
			}
			.cy{
				color:greenyellow;
			}
			/* id选择器可以标有特定id的HTML 元素指定特定的样式
			 id选择器以"#"来特定*/
			 #cl{
				 color:cadetblue;
			 }
		</style>
	</head>
	<body>
		<ul>
			<li id="cl">文件</li>
			<li class="cy">编辑</li>
			<li>选择</li>
			<li class="cl" id="cl">查找</li>
			<li class="cl">跳转</li>
			<li class="cl">运行</li>
		</ul>

类选择器:

类选择器：class
需要在相应的标签中添加class属性在CSS中使用 . 来代表

<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.cl{
				color:green;
			}
		</style>
	</head>
	<body>
		<ul>
			<li class="cl">文件</li>
			<li class="cl">编辑</li>

css背景属性

CSS background 属性

<style>
			h1{
				background-color: aquamarine;
			}
			body{
				background-image:url("img/152431.jpg");
				/* //重复方式 */
				background-repeat: no-repeat;
				/* background-repeat: repeat-y; */
				/* 背景定位 */
				/* background-position: center; */
				/* 500px距离四周500px
				 100px 500px 左右 上下*/
				 background-position: 100px 200px;
				 /* 背景滚动 */
				 background-position: fixed;
			}
		</style>

CSS background-repeat 属性

CSS background-attachment 属性

scroll	默认值。背景图像会随着页面其余部分的滚动而移动。
fixed	当页面的其余部分滚动时，背景图像不会移动。

CSS background-image 属性

background-image:url("img/152431.jpg");

CSS 文本

CSS direction 属性

ltr	默认。文本方向从左到右。
rtl	文本方向从右到左

direction:rtl;

letter-spacing 属性

letter-spacing:10px;
/* 每个字符之间的距离 */

text-align 对齐文本

left	把文本排列到左边。默认值：由浏览器决定。
right	把文本排列到右边。
center	把文本排列到中间。
justify	实现两端对齐文本效果。

.ta1{
			text-align:left;/* 默认左对齐 */
		}

text-decoration文本修饰

none	默认。定义标准的文本。
underline	定义文本下的一条线。
overline	定义文本上的一条线。
line-through	定义穿过文本下的一条线。
blink	定义闪烁的文本。

text-transform控制元素中的字母

none	默认。定义带有小写字母和大写字母的标准的文本。
capitalize	文本中的每个单词以大写字母开头。
uppercase	定义仅有大写字母。
lowercase	定义无大写字母，仅有小写字母

text-shadow:设置文本阴影。css包含该属性，但css2.1没有保留该属性

white-space设置元素中空白的处理方式

normal	默认。空白会被浏览器忽略。
pre	空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap	文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。
pre-wrap	保留空白符序列，但是正常地进行换行。
pre-line	合并空白符序列，但是保留换行符。

word-spacing:设置单词间距

CSS 字体

font-family字体系列

font-family:"华文彩云" ;

font-style字体风格

italic	浏览器会显示一个斜体的字体样式。
oblique	浏览器会显示一个倾斜的字体样式。

font-style:oblique;

font-variant以小型大写字体或者正常字体显示文本。

small-caps

浏览器会显示小型大写字母的字体。

font-variant:small-caps;
/* 对英文产生效果 */

font-weight字体粗细

bold	定义粗体字符。
bolder	定义更粗的字符。
lighter	定义更细的字符

.s3{
		/* font-weight:1000 */
		font-weight:bold;
}