笔记 - css

css

引入css 
	 1.行间样式 
	<div style="
		width: 100px;
		height: 100px;
		background-color: red;
	"></div>
	 2.页面级 
	在head中加入代码style
	<style type="text/css">
		div{
			width: 100px;
			height: 100px;
			background-color: red;
		}
	</style>
	 3.外部css文件
	在head中写一个函数，引用另一个文件中的css代码
	<link rel="stylesheet" type="text/css" href="">
	这里面的东西不要管，就是告诉浏览器这是一个css文件
	里面可以填相对路径或者绝对路径
	注意保存

1. 选择器，一个元素只能有一个ID，一对一
   在css文件中用 # + “id” 开头
   在html2文件中在标签中用id = “” 来使用
2. class
   css文件中用 .+class名开头，多对多
   在html2文件中用 class=+名字即可
   记，不是在写一个class,而是直接原来的名字后加上
3. 标签选择器
   用div开头个div的定义
   那么在html中所使用的所有div都会被渲染同样的颜色
4. 通配符选择器
   css中使用’*'开始
   将所有的标签都渲染
5. 属性选择器
   在css文件中"[" + 属性名 + “]”
   表示在html中出现了这个属性并且这个属性等于这个值

注：行间样式 > only > class == 属性选择器 > 标签选择器 > 通配符。相同就覆盖

!important Infinity
行间样式 1000
id 100
class|属性伪类 10
标签|伪元素 1
通配符 0
256进制