HTML+CSS

表格属性
align  left,right,center  对齐方式
border  1,""              边框
cellpadding               文字距离单元格距离
cellspacing               单元格之间空白
width                     宽度
colspan                   跨列合并(横向)
rowspan                   跨行合并(纵向)

列表标签
1.无序标签
    <ul><li></li></ul>
2.有序标签
    <ol><li></li></ol>
3.自定义列表
    <dl>
        <dt></dt>
        <dd><dd>
        <dd><dd>
    </dl>

CSS
1.标签选择器
 标签名{
    属性名: 属性
 }
2.类选择器---class属性
.类名{
    属性名: 属性
}
3.多类名选择器
class="类名1 类名2"
4.id选择器---id属性
#id名{
    属性名:属性
}
5.*通配符选择器---所有标签
*{
属性名:属性
}
字体属性:
font-family 字体
font-size   字体大小
font-weight 字体粗细
font-style  字体风格(斜体...)
字体复合属性 :
font: font-style font-weight font-size/line-height font-family
文本属性
color            文本颜色   rgb()  或十六进制
text-align       水平对齐方式
text-decoration  装饰文本(下划线,删除线...)
text-indent      首行缩进(1em(1个当前文字大小))
line-height      行间距(行高)
引入方式
1.行内样式表
<div style="color: red; font-size: 80px">啦啦</div>
2.外部样式表
<link rel="stylesheet" href="style.css">
emmet语法
快速生成HTML
1. !+tab 快速生成HTML结构
2. div*10 + tab 快速生成10个div标签
3. div>span + tab 生成父子级标签(div标签中包含span标签)
4. div+p + tab  生成兄弟级关系
5. #nav 快速生成class="nav"的div标签
   p.nav 快速生成id="nav"的p标签
6. .nav$*5 快速生成排过序的id="nav1"-"nav5"的div标签
快速生成CSS
1. w100 快速生成100px的宽度
后代选择器
ol li a{color: red} 只改变ol下li的颜色
.nav li a{color: red}
子选择器
.nav > a 只会选中id=".nav"标签下的一级a标签选中
并集选择器
div,
p,
.pig li {
    color: red
} 同级下div,p标签全选中
伪类选择器 :
链接伪类选择器
1.  a:link 选中未被访问的a标签
2.  a:visited 选中已被访问的a标签
3.  a:hover 选中鼠标经过的a标签
4.  a:active 选中鼠标按下但是并未抬起的a标签
焦点选择器 :focus
1. input:focus{background: red} 选中获得光标(焦点)的input标签
单行文字垂直去中  行高等于盒子高度   line-height == height
背景
background-color         背景颜色
background-image: url()  背景图片
background-repeat        背景平铺
background-position      背景图片位置(具体属性可以是方位(center,left..)也可是精确单位(xy坐标,15px(X),50px(Y)))
background-attachment    背景图像固定
背景色透明度
backgroun: rgba(0,0,0,0.3) a-透明度(0~1)
CSS三大特性: 层叠性.继承性,优先级
层叠性: 样式冲突采取就近原则
继承性: 子类会继承父类的某些属性
优先级: