web_edge开发者工具快捷键开关设置/官方入门教程/开发者工具css规则集排序规律

最新推荐文章于 2023-07-09 00:11:15 发布

xuchaoxin1375

最新推荐文章于 2023-07-09 00:11:15 发布

阅读量621

点赞数

分类专栏： web 文章标签： css html html5

本文链接：https://blog.csdn.net/xuchaoxin1375/article/details/118642319

版权

web 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

文章目录

设置
learning

设置

在这里插入图片描述

关闭欢迎

在这里插入图片描述

eg. expand element :
control+alt+click

learning

Learn the difference between HTML and the DOM

Learn the difference between HTML and the DOM
在这里插入图片描述

The

A new element!?!
content is added to your page because
of the tag at the bottom of your HTML.
This tag causes some JavaScript code to run. Learn more about
JavaScript in a later tutorial.

For now, think of it as a scripting language that may change the
content of your page. In this case, JavaScript code adds

A new
element!?!
to your page. That is why this text is displayed in
the live tab, but not in the HTML.

Edit the DOM

在这里插入图片描述
This workflow is only suitable for experimenting with content changes. If you refresh the page or close the tab, your changes are lost. If you want to save your changes, manually copy the code to your HTML file. The next couple of sections show you some more ways to change content from the DOM Tree.

Reorder nodes(by drag)

在这里插入图片描述

style(css)

在这里插入图片描述

replace selector:

在这里插入图片描述
hover the cursor on the selector(there is :a),then the live tab view will high light ,and only in this case (high) appearing,the selector could be replaced by single click