2019.6.22-6.23
Webstorm里快捷键：
Ctrl+shift+/ 下划线
Ctrl+D 复制
Alt+F2选择浏览器
全角半角 切换 shift+space空格

target里：_blank新窗口 _parent原窗口


换行

水平线 倾斜 加粗 下标
上标 预格式化
 倾斜 
锚点：跳转到页面的不同位置
 (跳转到同一页面)
(跳转到页面的不同位置)
../image/img2.jpg(Ctrl+鼠标放上去为蓝色，即为路径正确)
对图片的解释；描述；搜索，检索
图片的三种格式：
jpg:像素高
png:透明背景，抠图，小图标
gif：动图
.webp新书的一种图片格式，只有浏览器可以解析
列表
无序：ul>li*3 disc ,circle,square
有序：ol>li type="A" start="3" (从C开始)
自定义：dl.dd标题.dt内容
 
  
表格行
                             单元格
                             

         表头
                             

       

表格属性：
border，width,bgcolor,cellspacing单元格之间，cellpadding字与单元格之间。colspan="2"跨列合并，rowspan="2"跨列合并。
tbody 浏览器检查时自己加的，代码里无。

表单元素

                                    
                                    

            标题
                          可预先搜索，在下拉列表中用到
                     
                     

行内：,,
行内->块级：style=display:block

css语法：{属性：值；}
1.行内样式：

2.页面内样式
         
         
        
      
3.外部样式表
      
            ......
            

优先级：行内>页面内>外部样式>浏览器自带样式（后面会覆盖掉前面）
选择器class可调用多次，id#仅一次

text-align:center,left,right,justify(两端对齐)      
font-size:20px;
em:以父元素为参考，增大字体倍数
rem：以根元素为参考
#fff白  #000黑- -->灰色逐渐加深

border-bottom/bottom-top选择性加边框
border：solid 1px #000    /none无边框线   transparent透明边框
    border-style:solid,dashed（虚线）,double,dotted（点状）
    border-width：1px/ thin,medium（默认），thick
    border-color

background-image:url("images/1.jpg");
background-repeat：no-repeat   ,repeat-x  ,repeat-y  ；(平铺)
background-position: right ,bottom ；背景定位   垂直：top,center,bottom;
background-attachment: fixed背景固定不滚动，scroll滚动
综合写一起：
background:url("  ") repeat right center fixed;

超链接的四种状态：
a:link 访问前
a:hover 悬停
a:active 点击
a:visited 访问后
text-decoration:underline,none,overline

vertical-align:top 垂直（文字图片的对齐方式）
text-indent:2em  首行缩进 2em两个字符
white-space:nowrap 不换行
img的margin:距上下左右的距离
line-height:段落字体的行高
对于div margin:0 auto;居中
margin: 3个值 ——上  左右  下
             4个值—— 上 右 下 左（顺时针）
padding:内填充
 
  
盒子模型：width=content-width+border+margin+padding
 
  
列表 list-style:none 改变序列前的图标 padding-left(左填充)