微信编辑器:135编辑器叫你成为排版高手(一)

 时间:2025-01-05 16:46:25

用过135编辑器的人都知道,135编辑器可以通过html代码来修改样式。但是作为代码小白的人也可以吗?当然啦,不管你是小白还是小黑,只要跟着我稍微学一学,你就能成为排版高手了!这次要讲的是,如何定位样式中的内容(也叫元素)?

如何用chrome浏览器定位?

1、首先,进入135编辑器,选择你需要的样式,小编以下面的样式为例

微信编辑器:135编辑器叫你成为排版高手(一)

2、然后,打开开发者工具,快捷键为:Ctrl+Shift+I(用快捷键时,光标要定位到编辑区外);或者按照下图所示打开

微信编辑器:135编辑器叫你成为排版高手(一)

3、结果如图,则表示你已经成功一半了

微信编辑器:135编辑器叫你成为排版高手(一)

4、视线转【向左上角】,点击这个【放大镜图标】,如下图红色框的位置

微信编辑器:135编辑器叫你成为排版高手(一)

5、点击放大镜图标了吧,然后把鼠标移到编辑区域你需要定位的内容(也叫元素)上,如下图所示:

微信编辑器:135编辑器叫你成为排版高手(一)

6、鼠标放上去后,点击你定位的内容(也叫元素),然后看向下面的【开发者工具区域】,是不是有一块儿【被选中的部分】,这就是你所定位内容的【源代码】,如图

微信编辑器:135编辑器叫你成为排版高手(一)

7、然后,将鼠标移到被选中的源代码位置,单击【鼠标右键】,再点击【Edit as HTML】,你就可以直接编辑样式代码了

微信编辑器:135编辑器叫你成为排版高手(一)

如何用360浏览器定位

1、360浏览器我只讲一下如何打开开发者工具栏,定位元素的操作和chrome是一样一样的

2、首先用360浏览器打开135编辑器,加入你需要的样式

3、然后,打开开发者工具,快捷键:F12;常规操作:工具>开发人员工具,如下图

微信编辑器:135编辑器叫你成为排版高手(一)

4、打开开发者工具后,定位元素的操作与chrome一样,自己去动手试试吧

  • 没有抢答器的情况下,如何实现简单有效的抢答方式
  • 如何让PPT中的文字一个一个显示
  • 在PowerPoint中如何用触发器控制视频播放
  • PPT2016如何制作高端的纸飞机切换幻灯片
  • 用PPT点击图标就弹出视频怎么做
  • 热门搜索
    立冬手抄报 英语早餐手抄报 好书伴我成长手抄报 国庆节的手抄报图片 环境卫生手抄报 世界遗产手抄报 庆国庆手抄报简单漂亮 科技手抄报资料 高中英语手抄报 抗战胜利手抄报