微信编辑器:135编辑器叫你成为排版高手(一)
的有关信息介绍如下:用过135编辑器的人都知道,135编辑器可以通过html代码来修改样式。但是作为代码小白的人也可以吗?当然啦,不管你是小白还是小黑,只要跟着我稍微学一学,你就能成为排版高手了!
这次要讲的是,如何定位样式中的内容(也叫元素)?
首先,进入135编辑器,选择你需要的样式,小编以下面的样式为例
然后,打开开发者工具,快捷键为:Ctrl+Shift+I(用快捷键时,光标要定位到编辑区外);
或者按照下图所示打开
结果如图,则表示你已经成功一半了
视线转【向左上角】,点击这个【放大镜图标】,如下图红色框的位置
点击放大镜图标了吧,然后把鼠标移到编辑区域你需要定位的内容(也叫元素)上,如下图所示:
鼠标放上去后,点击你定位的内容(也叫元素),然后看向下面的【开发者工具区域】,是不是有一块儿【被选中的部分】,这就是你所定位内容的【源代码】,如图
然后,将鼠标移到被选中的源代码位置,单击【鼠标右键】,再点击【Edit as HTML】,你就可以直接编辑样式代码了
360浏览器我只讲一下如何打开开发者工具栏,定位元素的操作和chrome是一样一样的
首先用360浏览器打开135编辑器,加入你需要的样式
然后,打开开发者工具,快捷键:F12;
常规操作:工具>开发人员工具,如下图
打开开发者工具后,定位元素的操作与chrome一样,自己去动手试试吧