目录
.css样式优先级:行内style > id 100 > class 10 > 标签 1 > *
.透明度:opacity:0; 0~1 不透明~透明 标签里的所有内容都变透明
- vscode格式化代码的快捷键是Windows中Shift+ Alt+F
- 多光标操作快捷键:按住alt,用鼠标左键点击,可以出现多个光标,输入的代码可以在光标处同时增加。 按住Ctrl + Alt,再按键盘上向上或者向下的键,可以使一列上出现多个光标。
- transparent透明色
- .初始化设置:
* {margin: 0;padding: 0;}
a {text-decoration: none;}
ul {list-style: none;}
img {display: block;}
.container{width: 980px;margin: 0 auto;position: relative;}
.container-fluid{width: 100%;}
-
.img:图片
<img src="图片地址" alt="图片加载失败提示" title="图片提示信息" width="宽度" height="高度">
-
.a:超链接
<a href="https://baidu.com" target="_blank(在其他页打开)_self(在当前页打开)" text-decoration: none;(去掉下划线)>百度</a>
<base target="_blank">在<head></head>里写设置全局超链接跳转为在新页面打开
一个网页内部跳转:通过锚点
<a href="#one">第一</a> <h2 id="one">第一</h2>
- .列表 list-style:none;去掉前面的点
<!-- 无序列表 -->
<ul>
<li type="disc">默认实心圆,不加type也是实心圆</li>
<li type="circle">设置空心圆</li>
<li type="square">设置实心方块</li>
</ul>
<!-- 有序列表 -->
<ol>
<li type="A">第一</li>
<li type="i">第二</li>
<li type="I">第三</li>
</ol>
<!-- 定义列表 -->
<dl>
<dt>标题</dt>
<dd>标题内容</dd>
<dt>标题</dt>
<dd>标题内容</dd>
</dl>
<!-- 嵌套列表 -->
<ul>
<li>辽宁省
<ul>
<li>沈阳</li>
<li>丹东</li>
<li>大连</li>
</ul>
</li>
<li>xx省
<ul>
<li>x市</li>
<li>x市</li>
<li>x市</li>
</ul>
</li>
</ul>
-
.表格
colspan:合并行
rowspan:合并列
<table border="1px" cellspacing="10" cellpadding="30">
<caption>这是表格标题</caption>
<thead">
<tr align="center">
<th>这是表头第一行第一列</th>
<th>这是表头第一行第二列</th>
<th>这是表头第一行第三列</th>
</tr>
</thead>
<tbody>
<tr>
<td>第二行第一列</td>
<td>第二行第三列</td>
<td>第二行第二列</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3" align="center">语义化标签</