webstrom入门

1. 快捷键
ctrl+n––新建文件
按俩下shift键––快速查找
ctrl+r––替换
alt+鼠标选择––纵向修改排列在一条线上的元素
alt键选择内容不松手––多选
esc––取消选择
ctrl+alt+l––代码格式化
tab键––代码补全，嵌套
ctrl+d––快速复制一行
ctrl+/––注释
ctrl+alt+回车––在当前行上面添加一行
ctrl+shift+回车––在当前行下面添加一行
ctrl+ - ––折叠代码块
ctrl+ + ––展开代码块
ctrl+shift+ - ––折叠整个文件代码
alt+shift+上下移动键––代码移动
ctrl+m––成对闭合标签定位
ctrl+e––最近使用的文件
ctrl+alt+s 设置主题样式、字体大小、行高

2. 部分属性值对应的操作
去点：list-style：none
边框：border： Xpx #（颜色）
转换为块级元素：display：block
方块变圆：border-radius：X%
浮动：float：left
鼠标→手：sursor：pointer
绝对位置：position: absolute;
相对位置：position: relative;
超出部分隐藏:overflow: hidden;

3. 知识点
<1>盒子模型中 上下放置的元素 之间的外间距不累加 取最大值
<2>盒子模型中 左右放置的元素 之间的外间距累加
<3>css优先级的问题:行内、内嵌、外部
<4>默认的样式优先级：
如果样式直接没有冲突 则叠加 如果样式冲突 考虑优先级 行内>内嵌>外部 (内嵌和外部 加载的顺序)
内嵌和外部样式里面存在的优先级
<5>网页的渲染模式： 左→右 上→下
<6>子父元素选择器
空格 匹配的是当前元素里面的所有的后代元素
">"匹配的是当前元素的直接子集
<7>class id 命名 不能纯数字
<8>访问之前:
a:link{
color: deeppink;
}
访问过的伪类:
a:visited{
color: yellow;
}
鼠标悬停伪类:
a:hover{
color: red;
}
鼠标激活伪类：
a:active{
color: green;
}
<9>css定位 相对定位(占位置 相对于自己的位置在移动和分层)
绝对定位（不占位置 靠浏览器移动 分层）
固定定位 （不占位置 固定在某一个位置）
元素在定位之后可以使用5个属性 left right top bottom z-index
<10>元素的水平浮动 left right
块级元素 元素在浮动之后 会脱离文档流
要想水平浮动 浮动的子元素的总宽 小于父元素的宽
子元素在浮动之后会导致父元素不能撑开