本文记录了html/CSS使用的相关笔记

一、CSS改透明度

使用chrome打开需要修改的网页

按F12打开开发者工具

点击按钮，将光标移到想要修改的模块上，然后单击左键，即可在开发者工具的“样式”栏中找到定义块的代码

修改background字段后面的颜色即可，有两种方法：1、直接修改颜色代码，如果是#xxx或者#xxxxxx格式，则代表无alpha通道，即无透明度，三位代表每种颜色为4bit（0-F共16个量化值），六位代表每种颜色为8bit（00-FF共256个量化值，也就是一个字节），可以手动在结尾加上一位或者两位的alpha通道值，也就是半透明度，值越大越不透明，值越小越透明，如果alpha通道值为F或者FF的话，会被默认省略掉变成前面说的三位或者六位颜色代码，如果本身就是四位或者八位的格式，则说明已经启用了alpha通道，直接改最后一位或者两位的alpha通道值即可；2、鼠标点击颜色代码#xxx或者#xxxxxx之前的颜色小方块即可弹出颜色编辑菜单。

确定好自己想要的颜色值以后，可以将光标移至右上角css文件名这里，不需要点击，停留在文件名上即可看到css文件相对于网页的路径，比如说这里的主页面地址为192.168.192.200:2333，路径后就是style.css，说明该文件在网页的根目录中

打开第5步中对应的文件，把第5步中自己修改过的background颜色代码原封不动的替换掉服务器css文件中对应的代码

二、插入带滚动条的表格

1.表格写法

1
2
3
4
5
<div style="overflow-x:scroll;white-space:nowrap;">
<table>
....
</table>
</div>

2.表格写法