【温故知新】CSS学习笔记（开发者工具介绍）

Chrome工具

浏览器中检查：F12键（或者右键“检查”Ctrl+Shift+i）

按下上面这个“箭头”按钮后会出现右边的部分，左边是HTML代码，右边则是CSS代码。

细看右边CSS代码，会发现有一条语句前面有一个感叹号，且语句加上了删除线，则说明改行的语法有问题（语句无效），后面会给出具体的行号。

小技巧：

Ctrl+滚轮可以放大开发者工具代码大小；
左边是HTML元素结构，右边是CSS样式；
右边的CSS样式可以改动数据和颜色来查看更改后效果，便于调试；

【温故知新】CSS学习笔记（开发者工具介绍）相关推荐

前端学习（2815）:小程序学习之开发者工具介绍
HTML/CSS学习笔记01【概念介绍、基本标签】
w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...
HTML/CSS学习笔记03【CSS概述、CSS选择器、CSS属性、CSS案例-注册页面】
w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...
HTML/CSS学习笔记02【表单标签】
w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...
CSS学习笔记 display属性
CSS学习笔记05 display属性 HTML标记一般分为块标记和行内标记两种类型,它们也称块元素和行内元素. 块元素每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度.高度.对齐等属性, ...
MongoDB学习笔记(一) MongoDB介绍及安装
系列目录 MongoDB学习笔记(一) MongoDB介绍及安装 MongoDB学习笔记(二) 通过samus驱动实现基本数据操作 MongoDB学习笔记(三) 在MVC模式下通过Jq ...
Typescript 学习笔记一：介绍、安装、编译
前言整理了一下 Typescript 的学习笔记,方便后期遗忘某个知识点的时候,快速回忆. 为了避免凌乱,用 gitbook 结合 marketdown 整理的. github地址是:ts-gitb ...
大爱 unity 数字孪生老卵了 Unity 数字孪生笔记1 工具介绍
Unity 数字孪生笔记1 工具介绍火锅肥牛 2020-05-16 20:19:10 106 收藏 1 展开前言工欲善其事必先利其器流程思考数字孪生本质上一种基于实际物理数据的可视化 ...
CSS学习笔记——精灵图(sprite)
CSS学习笔记目录一.什么是精灵图? 二.精灵图的优点三.精灵图的基本用法 1.打开ps导入精灵图 2.测量字母的大小及坐标 3.效果图 4.代码实现总结一.什么是精灵图? 所谓精灵图就是图片 ...
CSS学习笔记-—学会用PS切图和取色—day03(基本用法)
CSS学习系列文章目录 HTML和CSS学习笔记--day01 HTML.CSS学习笔记--day02 css4.2.4参考手册.zip(免费下载) 文章目录 CSS学习系列文章目录一.PS测量图片 ...

【温故知新】CSS学习笔记（开发者工具介绍）

Chrome工具

【温故知新】CSS学习笔记（开发者工具介绍）相关推荐

最新文章

热门文章