外联通过link标签
选择器
标签选择器 div
class选择器 .
id选择器 #
多个可用“,”隔开
子元素选择器 父级>直接子级
媒体查询 @media 用起来麻烦
样式
字体样式
font:bold italic size/line-height family; 可分写
font-size font-weight font-style font-family
color: rgb/color/16进制
背景样式
background:url() color repeat x y(center/top/bottom/right/left);
文本样式
text-align:center/right/left;
text-index:2em 首行缩进俩字或负值是悬挂缩进
word-spacing:正负数 改变的是单词和单词之间的距离 负数拉近
letter-spacing 正负数 改变的是字与字之间的距离 负数拉近
text-decoration:none/underline/overline/line-through 下划线
line-height:行间距
盒子大小
width
height
边距
margin:top right bottom left auto(存在兼容);
padding:同上 且可分写
边框
border:size solid/dotted/dashed color | none;
位置
position:relative/absolute/fixed;
vertical-align :top/bottom/center;
float:left/right/none;
clear:both: 清浮动
表单元素样式
outline:none:常用与清除默认样式
其他样式：
li list-style 样式 常用与清除默认样式
cursor:pointer;手指
display:none/block/inline/inline-block;
visibility:hidden/visible
option:0~1;
filter:alpha(opacity=1~100);
伪类选择器
a:link 访问前
a:visited 访问后
a:hover 移入
a:active 点击
上四的同时存在时 顺序不能变
规则
文本样式可以继承,但自己有的样式则不继承
margin合并 一上一下设置时易发生合并