CSS学习笔记

css添加方法

1.行内添加：

style=""

2.内嵌样式：(适合HTML很少，CSS代码不多)
必须在head内添加

<style>
	//CSS代码
<style>

3.单独文件添加：
需要在HTML文件中引用CSS文件
也需要嵌入到head标签中

<link rel="" href="">

rel 表示需要链接的文件类型;
href表示西药链接的文件地址（相对路径）

CSS添加方法优先级：（就近原则）
行内 > 内嵌 > 链接

CSS选择器

类别前加点；id前加#；标签直接写；

类别选择器：可以多个标签共同使用一个class名
id选择器：只能一个标签使用，一般是给js使用

//多个标签样式设置：
p,h1{//用逗号隔开
	//CSS代码
}

//全局(所有)样式设置：
*{
	//CSS代码
}

CSS样式

pt ：点（Points），绝对长度单位。印刷业上常使用的单位，磅的意思，一般用于页面打印排版。
1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px

px ：相像素（Pixels），对长度单位。像素px是相对于显示器屏幕分辨率而言的。

em：字符。相对于当前对象内文本的字体尺寸。
1em =16px——1个字符

%：百分比，设置该元素为父元素的n%；相对值 ；相对父元素的大小

文字样式

color: ;
rgb(x,x,x)
每个颜色0-255；
白：rgb(255,255,255,1) 或rgb(100%,100%,100%)
黑：rgb(0,0,0) 或rgb(0%,0%,0%)
红：rgb(255,0,0) 或rgb(100%,0%,0%)
灰：三个分量取值相等，比如rgb(66,66,66)
rgba(x,x,x,x)
a是透明度（alpha）0.0（完全透明）1.0(完全不透明)
#rrggbb （十六进制表示）
红色：#ff0000 或 #f00（去掉重复位）

letter-spacing: ;
字符间距，可正可负，为负字符重叠

line-height: ;
设置行高

p{
	font-size:14px;
	line-height:2em;//行高两个字符，相对于上面设置的字符大小
}

垂直居中：

p{
	font-size: 14px;
	height: 80px;
	background-color: #ccc;
	line-height: 80px;
}

text-align: ;
文本对齐方式，center，right，left，justify（两端对齐）

text-decoration: ;
装饰线，overline（上划线），line-through（穿过文字），underline（下划线)，none（可以用来删除超链接的下划线）

font: ;
font:斜体 粗体 字号/行高 字体
font:inalic bold 16px/1.5em ‘宋体’

font-style: ;
斜体 italic

font-weight: ;
粗体 bold