笔记2

时间：2019-07-24 19:29:58 收藏：0 阅读：106
# CSS #
## CSS与Html结合（集成）使用 ##
1.style属性。所有的HTML标签都有一个style的属性。
	
	<xxxx style="">
2.在head 里面写一个样式的脚本。

	<head>
		<style type="text/css"></style>
	</head>
3.引入外部的css文件
	
	<link rel="stylesheet" type="text/css" src=""css的路径">
## 优先级 ##
1.方式1>方式2>方式3

2.从内到外，执行顺序从上到下。
比如：
	
	<head>
		<style type="text/css">
		div {
			color:blue
		}
		</style>
	</head>
	<body>
		<div style="color:red"/>
	</body>
最后颜色为红色。
## css选择器 ##
1.基本选择器【重要】

1）标签选择器：div {}

2）id选择器：#id {}

3）类选择器：.class {}

优先级：id，class，标签

多个样式指向同一个标签，样式会叠加起来，叠加的顺序按照优先级。

2.组合选择器【了解】

	多元素选择器 ：div,font {}
	子代选择器	:div > p {}
	相邻兄弟选择器: div +p {}
	兄弟选择器 :  div ~ p {}

3.属性选择器【了解】

	关键字：[] 标准的格式 div[]
	div[name] :有属性 就是你
	div[name=""] :有属性，属性值，那就是你
	div[name包含啥]：
	div[属性以啥啥开头]
	div[属性以啥啥结尾]
	等
4.伪类选择器【了解】

一个超链接点击以后，要给它变一个颜色。

超链接的伪类选择器：

	未点击 ->放到超链接上- 点击-> 链接完成
	:link	 :hover    :active  :visited

	a:visited {
		color:red
	}
原文：https://www.cnblogs.com/zlh233/p/11240231.html