css 总结，帮助新入坑的人少走弯路。

image
1 选择器最常用的有这么两种：

id选择器 ： HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。
示例： id="test"  在css中  #test{  css.... }

class选择器: 选择器在HTML中以class属性表示, 在 CSS 中，类选择器以一个点"."号显示
示例： class="test"  在css中  .test{  css.... }

2 html引入css方式：

外部样式
	<head>
	<link rel="stylesheet" type="text/css" href="mystyle.css">
	</head>
内部样式
<head>
	<style>
		hr {color:sienna;}
		p {margin-left:20px;}
		body {background-image:url("images/back40.gif");}
	</style>
</head>
内联样式
	<p style="color:sienna;margin-left:20px">这是一个段落。</p>
	
三种方式优先级如下：

（内联样式） > （内部样式） >（外部样式） > 浏览器默认样式

3.元素背景相关参数：

background	简写属性，例如body {background:#ffffff url('img_tree.png') no-repeat right top;}。
background-attachment	背景图像是否固定或者随着页面的其余部分滚动。
background-color	设置元素的背景颜色。
background-image	把图像设置为背景。
background-position	设置背景图像的起始位置。
background-repeat	设置背景图像是否及如何重复。

4.文本 （重要）

color	设置文本颜色
direction	设置文本方向。
letter-spacing	设置字符间距
line-height	设置行高
text-align	对齐元素中的文本
text-decoration	向文本添加修饰
text-indent	缩进元素中文本的首行
text-shadow	设置文本阴影
text-transform	控制元素中的字母
unicode-bidi	设置或返回文本是否被重写 
vertical-align	设置元素的垂直对齐
white-space	设置元素中空白的处理方式
word-spacing	设置字间距

5.字体

font	在一个声明中设置所有的字体属性
font-family	指定文本的字体系列
font-size	指定文本的字体大小
font-style	指定文本的字体样式
font-variant	以小型大写字体或者正常字体显示文本。
font-weight	指定字体的粗细。
posted @ 2021-05-26 15:13  gu837670823  阅读(58)  评论(0)    收藏  举报