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