在编写Css代码的过程中,使用元素快捷键可以很大的提高开发的效率,以下是webstorm编辑器中的elemt快捷方式:

一、子集关系:“>”

1、书写格式:父级元素>子级元素;

2、例子:div>p;

二、元素自增:“*”

1、书写格式:元素*元素个数;

2、例子:div>p;

三、兄弟关系:“+”

1、书写格式:元素+元素个数;

2、例子:div+p;

四、创建父级元素:“^”

1、书写格式:子级元素^父级元素;

2、例子:p^div;

五、分组:“()”

1、书写格式:(父级元素>子级元素)*4;

2、例子:p^div;

六、类名快捷:“.”

1、书写格式:元素.类名;

2、例子:p.box;

七、类名快捷:“#”

1、书写格式:元素#类名;

2、例子:p#box;

八、类名自增1(顺序,增加一位):“$”

1、书写格式:元素.类名$*个数;

2、例子:p.box$*5;

九、类名自增2(顺序,增加两位):“$$”

1、书写格式:元素.类名$$*个数;

2、例子:p.box$$*5;

十、类名自增3(倒序):“@-”

1、书写格式:元素.类名@-*个数;

2、例子:p.box@-*5;

十一、类名自增4(设置起始值):“$@”

1、书写格式:元素.类名$@起始值*个数;

2、例子:p.box@3*5;

十二、类名、id名组合快捷

1、书写格式:元素.类名#id名;

2、例子:p.box#main;

十三、属性快捷键

1、书写格式:元素名称[属性名=”属性值”];

2、例子:input[title=”hello”];

十四、添加元素内容:“{}”

1、书写格式:元素名称{元素内容}

2、例子:div{你好}

java里css查找快捷键_CSS入门2—元素快捷键相关推荐

  1. java的css的块_CSS块宽度不大于前一个块

    我正在创建一个网页 . 但我脑子里有些东西却无法在HTML / CSS中重现它 . 我有一个图像和一个figcaption . 两者都在图标签中 . 我希望figure标签与图像的大小相同 . 但是f ...

  2. Java 旋转数组查找旋转点和任意元素(元素可重复)

    public class Test {// 已知数组A是由有序数组B(数组B未知)向右移动n(0<=n<=B.length)位得到// 例如 A = {4, 5, 1, 2, 3} 由 B ...

  3. css横向排列_CSS中伪元素和伪类的经典使用技巧

    随着前端技术的发展,CSS样式的制作在网页中占据着十分重要的地位.前台页面的样式布局.以及展现给用户的体验效果都离不开CSS;虽然在实际的开发中会大量的使用一些主流的UI样式框架,但这些样式框架每一个 ...

  4. css 高度塌陷_css中父元素高度塌陷是什么意思,如何解决?(附代码)

    本篇文章给大家带来的内容是关于css中父元素高度塌陷是什么意思,如何解决?,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 首先得回答什么是父元素高度塌陷: 在文档流中,父元素的高度默 ...

  5. Java里的容器存放的元素必须是1个对象.

    我们经常看到这个句话: Java里存放的容器只能是1个对象. 一. 值类型和对象类型. 实际上, java里的变量可以分为两种类型, 一种是值类型. 一种是对象类型. 1.1 值类型变量 所谓值类型的 ...

  6. java入门学习笔记(二)—— Eclipse入门学习之快捷键、java语言基础知识之各类关键字及其用法简析

    一.Eclipse入门学习 1. 快捷键 对于一个编辑器,快捷键必不可少,是十分好用且有效的工具. 对于一个初学者,首先掌握了如下快捷键. (很多通用的快捷键不多说) Ctrl + / -- 注释当前 ...

  7. java 二分查找_计算机入门必备算法——二分查找法

    1.引言 笔者对于计算机的研究一直停滞不前,近期想对一些算法进行复习和进一步的研究,每天都会更新一个新的算法,算法有难有易,层层递进.不希望能学的有多么高深,只希望在一些最基本的算法上有编码的思路,或 ...

  8. Java 基本功之(一)入门知识点

    转载自https://github.com/Snailclimb/JavaGuide/blob/master/docs/java/basis/Java%E5%9F%BA%E7%A1%80%E7%9F% ...

  9. 学习笔记:Java 并发编程①_基础知识入门

    若文章内容或图片失效,请留言反馈. 部分素材来自网络,若不小心影响到您的利益,请联系博主删除. 视频链接:https://www.bilibili.com/video/av81461839 视频下载: ...

最新文章

  1. 深入理解Netty高性能网络框架
  2. 经典算法研究系列:十、从头到尾彻底理解傅里叶变换算法、下
  3. dede 5.7 任意用户重置密码前台
  4. C++_new创建的数组作为参数传递
  5. 仅用38天 2021年快递业务量已超100亿件
  6. ionic4创建页面
  7. 用JS让文章内容指定的关键字加亮
  8. php解析微信emoji字符
  9. 数字图像处理编程入门笔记
  10. Java面试题汇总与解答
  11. 使用动态规划算法需要满足的必要条件:优化原则
  12. pymol作图-设置label的字体
  13. java 什么是计算机
  14. hive hive beeline常用参数
  15. 记录一次并发情况下的redis导致服务假死的问题
  16. kettle查询mysql获取uuid_使用kettle来根据时间戳或者批次号来批量导入数据,达到增量的效果。...
  17. 小程序手持弹幕的原理及实现(uni-app)
  18. 使用EasyUI实现修改删除功能
  19. rclone挂载webdav
  20. 计算机函数公式的使用VLOOKUP,EXCEL函数公式大全使用VLOOKUP函数IF函数数据验证来自动获取价格...

热门文章

  1. numpy是python标准库吗_python – 找出Numpy是否使用了哪个BLAS库
  2. 遍历——PowerShell三分钟(十)
  3. Selenium支持高版本的FireFox
  4. 创建github账号
  5. 《Redis设计与实现》简读
  6. 数据结构和算法:递归和迭代算法示例
  7. linux 根目录下的子目录的意义
  8. 使用PHPExcel将数据导出至Excel
  9. LogisticRegression_demo
  10. iis 程序池设置及详解-20180720