1关于颜色的css代码,把鼠标移动到这段代码上时,一个颜色选择器窗口就会显示出来,可以通过它来修改选择自己想要的颜色;
2ctrl+shift+p调出命令面板;
3alt+鼠标左键选中多行同时编辑;
4ctrl+shift+L选中编辑代码中相同的内容;
5选中多行,按tab键可统一向右移动;
6选中文本后,Ctrl+[和Ctrl+]可实现文本的向左移动和向右移动;
7按住Ctrl+Alt,再按键盘上的上或下键,可以使一列上出现多个光标;
8选中一段文字,按shift+alt+i,在每行末尾都会出现光标;
9按shift+alt,再使用鼠标拖动,也可以出现竖直的列光标,同时可以选中多列;
10按ctrl+f,可以搜索当前页面。
【这是我的学习笔记,你也可以拿去用】
1 元素选择器:比如p{xxxx},选择文档中所有的p元素;
2 类选择器:比如.center_bar{xxxx},选择文档中使用了类center_bar的元素;
3 id选择器:比如.button1{xxxx},选择文档中使用了button1的元素;
4 或选择器:用逗号连接多个选择器;
5 与选择器:多个选择器紧挨在一起;
6 后代选择器:用空格连接多个选择器;
7 子代选择器:用大于号连接多个选择器,它其实是后代选择器的特殊情况;
8 属性选择器:
(1) 比如p[id],选择标签上有属性“id”的p元素;
(2) 比如p[id="button1"],选择标签上有属性“id”并且id的值为“button1”的p元素;
(3) 比如p[id^=”b”],选择标签上有属性“id”并且id的值以“b”开头的p元素;
(4) 比如p[id$=”b”],选择标签上有属性“id”并且id的值以“b”结尾的p元素;
(5) 比如p[id*=”b”],选择标签上有属性“id”并且id的值包含“b”的p元素;
9 p:first-child:既是p元素,也是某元素的第一个孩子;
10 p:last-child:既是p元素,也是某元素的最后一个孩子;
11 p:nth-child(3):既是p元素,也是某元素的第三个孩子;
12 p:nth-child(odd):既是p元素,也是某元素的第奇数个孩子;
13 伪类选择器都是某种状态,比如active、link、hover,使用“:”;
14 伪元素选择器,确实有某些实体的东西,比如第一行文字、第一个文字、被选中的文字,使用“::”
15 只有多个选择器选中了同一个元素的同一个属性,才会出现优先级的问题;
16 如果两个选择器优先级相同,那么写在后面的选择器生效;
17 选择器优先级的排列:
(1) !important
(2) 内联样式
(3) id选择器
(4) 类和伪类选择器
(5) 元素和伪元素选择器
(6) *选择器
(7) 继承样式
可以用逗号隔开多个类名。css当中需要对多个类或多个元素等使用相同的样式,都可以在每个选择器后面使用逗号分隔,其他部分的写法是相同的。
例如:.aa,.bb{color:blue}。